@stratusjs/angular 0.3.10 → 0.4.0

package/src/froala/editor/froala-editor.directive.js

@@ -0,0 +1,328 @@
+System.register(["@angular/forms", "@angular/core", "froala-editor"], function (exports_1, context_1) {
+    "use strict";
+    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;
+    var __moduleName = 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 {
+                                if (false && item.constructor) {
+                                    result = new item.constructor();
+                                }
+                                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);
+        }
+    };
+});
+
+//# sourceMappingURL=froala-editor.directive.js.map

package/src/froala/editor/froala-editor.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["froala-editor.directive.ts"],"names":[],"mappings":"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","file":"froala-editor.directive.js"}

package/src/froala/editor/froala-editor.directive.min.js

@@ -0,0 +1 @@
+System.register(["@angular/forms","@angular/core","froala-editor"],function(t,e){"use strict";var i,s,o,n,r,a=this&&this.__decorate||function(t,e,i,s){var o,n=arguments.length,r=n<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(r=(n<3?o(r):n>3?o(e,i,r):o(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r},l=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)};e&&e.id;return{setters:[function(t){s=t},function(t){o=t},function(t){n=t}],execute:function(){r=i=class{constructor(t,e){this.zone=e,this._opts={immediateAngularModelUpdate:!1,angularIgnoreAttrs:null},this.SPECIAL_TAGS=["img","button","input","a"],this.INNER_HTML_ATTR="innerHTML",this._hasSpecialTag=!1,this._editorInitialized=!1,this._oldModel=null,this.froalaModelChange=new o.EventEmitter,this.froalaInit=new o.EventEmitter,this.onChange=t=>{},this.onTouched=()=>{};const i=t.nativeElement;-1!=this.SPECIAL_TAGS.indexOf(i.tagName.toLowerCase())&&(this._hasSpecialTag=!0),this._element=i,this.zone=e}set froalaEditor(t){this._opts=this.clone(t||this._opts),this._opts=Object.assign({},this._opts)}set froalaModel(t){this.updateEditor(t)}writeValue(t){this.updateEditor(t)}registerOnChange(t){this.onChange=t}registerOnTouched(t){this.onTouched=t}clone(t){const e=this;if(!t)return t;let i;if([Number,String,Boolean].forEach(e=>{t instanceof e&&(i=e(t))}),void 0===i)if("[object Array]"===Object.prototype.toString.call(t))i=[],t.forEach((t,s,o)=>{i[s]=e.clone(t)});else if("object"==typeof t)if(t.nodeType&&"function"==typeof t.cloneNode)i=t.cloneNode(!0);else if(t.prototype)i=t;else if(t instanceof Date)i=new Date(t);else{i={};for(const s in t)i[s]=e.clone(t[s])}else i=t;return i}updateEditor(t){JSON.stringify(this._oldModel)!==JSON.stringify(t)&&(this._hasSpecialTag?this._model=t:this._oldModel=t,this._editorInitialized?this._hasSpecialTag?this.setContent():this._editor.html.set(t):this._hasSpecialTag?this.setContent():this._element.innerHTML=t||"")}updateModel(){this.zone.run(()=>{let t=null;if(this._hasSpecialTag){const e=this._element.attributes,i={};for(let t=0;t<e.length;t++){const s=e[t].name;this._opts.angularIgnoreAttrs&&-1!=this._opts.angularIgnoreAttrs.indexOf(s)||(i[s]=e[t].value)}this._element.innerHTML&&(i[this.INNER_HTML_ATTR]=this._element.innerHTML),t=i}else{const e=this._editor.html.get();"string"==typeof e&&(t=e)}this._oldModel!==t&&(this._oldModel=t,this.froalaModelChange.emit(t),this.onChange(t))})}registerEvent(t,e){t&&e&&(this._opts.events||(this._opts.events={}),this._opts.events[t]=e)}initListeners(){const t=this;this._editor.events&&(this._editor.events.on("contentChanged",function(){t.updateModel()}),this._editor.events.on("mousedown",function(){setTimeout(function(){t.onTouched()},0)}),this._opts.immediateAngularModelUpdate&&this._editor.events.on("keyup",function(){setTimeout(function(){t.updateModel()},0)})),this._editorInitialized=!0}createEditor(){this._editorInitialized||(this.setContent(!0),this.zone.runOutsideAngular(()=>{this._opts.events||(this._opts.events={}),this.registerEvent("initialized",this._opts.events&&this._opts.events.initialized);const t=this._opts.events.initialized;this._opts.events.initialized&&this._opts.events.initialized.overridden||(this._opts.events.initialized=()=>{this.initListeners(),t&&t.call(this._editor,this)},this._opts.events.initialized.overridden=!0),this._editor=new n.default(this._element,this._opts)}))}setHtml(){this._editor.html.set(this._model||""),this._editor.undo.reset(),this._editor.undo.saveStep()}setContent(t=!1){const e=this;if(this._model||""===this._model)if(this._oldModel=this._model,this._hasSpecialTag){const t=this._model;if(t){for(const e in t)t.hasOwnProperty(e)&&e!=this.INNER_HTML_ATTR&&this._element.setAttribute(e,t[e]);t.hasOwnProperty(this.INNER_HTML_ATTR)&&(this._element.innerHTML=t[this.INNER_HTML_ATTR])}}else t?this.registerEvent("initialized",function(){e.setHtml()}):e.setHtml()}destroyEditor(){this._editorInitialized&&(this._editor.destroy(),this._editorInitialized=!1)}getEditor(){return this._element?this._editor:null}generateManualController(){const t={initialize:this.createEditor.bind(this),destroy:this.destroyEditor.bind(this),getEditor:this.getEditor.bind(this)};this.froalaInit.emit(t)}ngAfterViewInit(){this.froalaInit.observers.length?this.generateManualController():this.createEditor()}ngOnDestroy(){this.destroyEditor()}},a([o.Input(),l("design:type",Object),l("design:paramtypes",[Object])],r.prototype,"froalaEditor",null),a([o.Input(),l("design:type",Object),l("design:paramtypes",[Object])],r.prototype,"froalaModel",null),a([o.Output(),l("design:type",o.EventEmitter)],r.prototype,"froalaModelChange",void 0),a([o.Output(),l("design:type",o.EventEmitter)],r.prototype,"froalaInit",void 0),r=i=a([o.Directive({selector:"[froalaEditor]",exportAs:"froalaEditor",providers:[{provide:s.NG_VALUE_ACCESSOR,useExisting:o.forwardRef(()=>i),multi:!0}]}),l("design:paramtypes",[o.ElementRef,o.NgZone])],r),t("FroalaEditorDirective",r)}}});

package/src/froala/editor/froala-editor.module.js

@@ -0,0 +1,37 @@
+System.register(["@angular/core", "@stratusjs/angular/froala/editor/froala-editor.directive"], function (exports_1, context_1) {
+    "use strict";
+    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;
+    var __moduleName = 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);
+        }
+    };
+});
+
+//# sourceMappingURL=froala-editor.module.js.map

package/src/froala/editor/froala-editor.module.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["froala-editor.module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;YASa,kBAAkB,0BAA/B,MAAa,kBAAkB;gBACpB,MAAM,CAAC,OAAO;oBACjB,OAAO,EAAC,QAAQ,EAAE,oBAAkB,EAAE,SAAS,EAAE,EAAE,EAAC,CAAA;gBACxD,CAAC;aACJ,CAAA;YAJY,kBAAkB;gBAL9B,eAAQ,CAAC;oBACN,YAAY,EAAE,CAAC,+CAAqB,CAAC;oBACrC,OAAO,EAAE,CAAC,+CAAqB,CAAC;iBACnC,CAAC;eAEW,kBAAkB,CAI9B","file":"froala-editor.module.js"}

package/src/froala/editor/froala-editor.module.min.js

@@ -0,0 +1 @@
+System.register(["@angular/core","@stratusjs/angular/froala/editor/froala-editor.directive"],function(e,t){"use strict";var r,o,i,a,c=this&&this.__decorate||function(e,t,r,o){var i,a=arguments.length,c=a<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,r):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)c=Reflect.decorate(e,t,r,o);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(c=(a<3?i(c):a>3?i(t,r,c):i(t,r))||c);return a>3&&c&&Object.defineProperty(t,r,c),c};t&&t.id;return{setters:[function(e){o=e},function(e){i=e}],execute:function(){a=r=class{static forRoot(){return{ngModule:r,providers:[]}}},a=r=c([o.NgModule({declarations:[i.FroalaEditorDirective],exports:[i.FroalaEditorDirective]})],a),e("FroalaEditorModule",a)}}});

package/src/froala/editor/index.js

@@ -0,0 +1,22 @@
+System.register(["@stratusjs/angular/froala/editor/froala-editor.directive", "@stratusjs/angular/froala/editor/froala-editor.module"], function (exports_1, context_1) {
+    "use strict";
+    var __moduleName = 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 () {
+        }
+    };
+});
+
+//# sourceMappingURL=index.js.map

package/src/froala/editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;QAEA,CAAC","file":"index.js"}

package/src/froala/editor/index.min.js

@@ -0,0 +1 @@
+System.register(["@stratusjs/angular/froala/editor/froala-editor.directive","@stratusjs/angular/froala/editor/froala-editor.module"],function(r,t){"use strict";t&&t.id;return{setters:[function(t){r({FroalaEditorDirective:t.FroalaEditorDirective})},function(t){r({FroalaEditorModule:t.FroalaEditorModule})}],execute:function(){}}});

package/src/froala/plugins/citationManager.css

@@ -0,0 +1,23 @@
+.editor-component {
+  counter-reset: stratus-citation-counter;
+}
+.editor-component stratus-citation {
+  position: relative;
+  display: inline-block;
+  counter-increment: stratus-citation-counter;
+  color: transparent;
+  border-style: dotted;
+  border-color: cornflowerblue;
+  cursor: pointer;
+  height: 20px;
+  width: 20px;
+  overflow: hidden;
+}
+.editor-component stratus-citation::before {
+  content: counter(stratus-citation-counter);
+  position: absolute;
+  left: 2px;
+  font-size: 0.75em;
+  color: #F85B3B; /* handle generic color better */
+}
+/*# sourceMappingURL=citationManager.css.map */

package/src/froala/plugins/citationManager.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["packages/angular/src/froala/plugins/citationManager.scss"],"names":[],"mappings":"AAAA;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA","file":"citationManager.css","sourcesContent":[".editor-component {\n  counter-reset: stratus-citation-counter;\n  stratus-citation {\n    position: relative;\n    display: inline-block;\n    counter-increment: stratus-citation-counter;\n    color: transparent;\n    border-style: dotted;\n    border-color:cornflowerblue;\n    cursor: pointer;\n    height: 20px;\n    width: 20px;\n    overflow: hidden;\n    &::before {\n      content: counter(stratus-citation-counter);\n      position: absolute;\n      left: 2px;\n      font-size: .75em;\n      color: #F85B3B; /* handle generic color better */\n    }\n  }\n}\n"]}

package/src/froala/plugins/citationManager.js

@@ -0,0 +1,102 @@
+System.register(["@stratusjs/core/environment", "@stratusjs/runtime/stratus", "@stratusjs/angular/froala/plugins/inputButton", "froala-editor"], function (exports_1, context_1) {
+    "use strict";
+    var environment_1, stratus_1, inputButton_1, froala_editor_1, systemDir, moduleName, parentModuleName, min, localDir;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [
+            function (environment_1_1) {
+                environment_1 = environment_1_1;
+            },
+            function (stratus_1_1) {
+                stratus_1 = stratus_1_1;
+            },
+            function (inputButton_1_1) {
+                inputButton_1 = inputButton_1_1;
+            },
+            function (froala_editor_1_1) {
+                froala_editor_1 = froala_editor_1_1;
+            }
+        ],
+        execute: function () {
+            systemDir = '@stratusjs/angular';
+            moduleName = 'citationManager';
+            parentModuleName = 'froala/plugins';
+            min = !environment_1.cookie('env') ? '.min' : '';
+            localDir = `${stratus_1.Stratus.BaseUrl}${boot.configuration.paths[`${systemDir}/*`].replace(/[^/]*$/, '')}`;
+            froala_editor_1.default.DEFAULTS = Object.assign(froala_editor_1.default.DEFAULTS, {
+                endpoint: '/Api/Content'
+            });
+            froala_editor_1.default.PLUGINS.citationManager = function citationManager(editor) {
+                let inputButton;
+                const debug = true;
+                function _init() {
+                    stratus_1.Stratus.Internals.CssLoader(`${localDir}${parentModuleName}/${moduleName}${min}.css`);
+                    inputButton = new inputButton_1.InputButtonPlugin({
+                        name: 'Citation Manager',
+                        eventName: 'citation-input',
+                        editor,
+                        autoSaveSelection: true,
+                        autoRestoreSelection: true,
+                        debug
+                    });
+                    if (debug) {
+                        console.log('initialized:', {
+                            options: editor.opts.endpoint,
+                            instance: this
+                        });
+                    }
+                }
+                function onClick() {
+                    if (!editor.el) {
+                        console.warn('citationManager.onClick(): unable to find element');
+                        return;
+                    }
+                    inputButton.onClick(editor.el);
+                }
+                return {
+                    _init,
+                    onClick
+                };
+            };
+            froala_editor_1.default.DEFAULTS.imageInsertButtons.push('citationManager');
+            froala_editor_1.default.RegisterCommand('citationManager', {
+                title: 'Insert Citation',
+                undo: false,
+                focus: false,
+                modal: true,
+                callback(cmd, _val, _params) {
+                    const debug = false;
+                    if (debug) {
+                        console.log('clicked:', this.citationManager);
+                    }
+                    this.citationManager.onClick();
+                },
+                plugin: 'citationManager',
+            });
+            froala_editor_1.default.DefineIcon('citationManager', { NAME: 'folder', SVG_KEY: 'imageCaption' });
+            froala_editor_1.default.RegisterQuickInsertButton('citation', {
+                icon: 'citationManager',
+                title: 'Insert Citation',
+                callback: function citationManagerCallback() {
+                    const debug = false;
+                    const inputButton = new inputButton_1.InputButtonPlugin({
+                        name: 'Citation Manager',
+                        eventName: 'citation-input',
+                        editor: this,
+                        autoSaveSelection: true,
+                        autoRestoreSelection: true,
+                        debug
+                    });
+                    if (!this.el) {
+                        console.warn('citationManager.onClick(): unable to find element');
+                        return;
+                    }
+                    inputButton.onClick(this.el);
+                },
+                undo: true
+            });
+        }
+    };
+});
+
+//# sourceMappingURL=citationManager.js.map

package/src/froala/plugins/citationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["citationManager.ts"],"names":[],"mappings":"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","file":"citationManager.js"}

package/src/froala/plugins/citationManager.min.css

@@ -0,0 +1 @@
+.editor-component{counter-reset:stratus-citation-counter}.editor-component stratus-citation{position:relative;display:inline-block;counter-increment:stratus-citation-counter;color:transparent;border-style:dotted;border-color:#6495ed;cursor:pointer;height:20px;width:20px;overflow:hidden}.editor-component stratus-citation::before{content:counter(stratus-citation-counter);position:absolute;left:2px;font-size:.75em;color:#f85b3b}

package/src/froala/plugins/citationManager.min.js

@@ -0,0 +1 @@
+System.register(["@stratusjs/core/environment","@stratusjs/runtime/stratus","@stratusjs/angular/froala/plugins/inputButton","froala-editor"],function(t,n){"use strict";var e,a,i,o,u,r;n&&n.id;return{setters:[function(t){e=t},function(t){a=t},function(t){i=t},function(t){o=t}],execute:function(){"@stratusjs/angular","citationManager","froala/plugins",u=e.cookie("env")?"":".min",r=`${a.Stratus.BaseUrl}${boot.configuration.paths["@stratusjs/angular/*"].replace(/[^/]*$/,"")}`,o.default.DEFAULTS=Object.assign(o.default.DEFAULTS,{endpoint:"/Api/Content"}),o.default.PLUGINS.citationManager=function(t){let n;return{_init:function(){a.Stratus.Internals.CssLoader(`${r}froala/plugins/citationManager${u}.css`),n=new i.InputButtonPlugin({name:"Citation Manager",eventName:"citation-input",editor:t,autoSaveSelection:!0,autoRestoreSelection:!0,debug:true}),console.log("initialized:",{options:t.opts.endpoint,instance:this})},onClick:function(){t.el?n.onClick(t.el):console.warn("citationManager.onClick(): unable to find element")}}},o.default.DEFAULTS.imageInsertButtons.push("citationManager"),o.default.RegisterCommand("citationManager",{title:"Insert Citation",undo:!1,focus:!1,modal:!0,callback(t,n,e){this.citationManager.onClick()},plugin:"citationManager"}),o.default.DefineIcon("citationManager",{NAME:"folder",SVG_KEY:"imageCaption"}),o.default.RegisterQuickInsertButton("citation",{icon:"citationManager",title:"Insert Citation",callback:function(){const t=new i.InputButtonPlugin({name:"Citation Manager",eventName:"citation-input",editor:this,autoSaveSelection:!0,autoRestoreSelection:!0,debug:!1});this.el?t.onClick(this.el):console.warn("citationManager.onClick(): unable to find element")},undo:!0})}}});

package/src/froala/plugins/citationManager.scss

@@ -0,0 +1,22 @@
+.editor-component {
+  counter-reset: stratus-citation-counter;
+  stratus-citation {
+    position: relative;
+    display: inline-block;
+    counter-increment: stratus-citation-counter;
+    color: transparent;
+    border-style: dotted;
+    border-color:cornflowerblue;
+    cursor: pointer;
+    height: 20px;
+    width: 20px;
+    overflow: hidden;
+    &::before {
+      content: counter(stratus-citation-counter);
+      position: absolute;
+      left: 2px;
+      font-size: .75em;
+      color: #F85B3B; /* handle generic color better */
+    }
+  }
+}