@tinymce/tinymce-angular 3.6.0 → 4.2.0

package/README.md

@@ -9,6 +9,10 @@ This package is a thin wrapper around [TinyMCE](https://github.com/tinymce/tinym
 * For the TinyMCE Angular Technical Reference, see: [TinyMCE Documentation - TinyMCE Angular Technical Reference](https://www.tiny.cloud/docs/integrations/angular/#tinymceangulartechnicalreference).
 * For our quick demos, check out the TinyMCE Angular [Storybook](https://tinymce.github.io/tinymce-angular/).
 
+### Support
+
+Version 4.0 is intended to support Angular 10. For Angular 8 and below we recommend using previous versions of the wrapper.
+
 ### Issues
 
 Have you found an issue with tinymce-angular or do you have a feature request? 

package/bundles/tinymce-tinymce-angular.umd.js

@@ -276,6 +276,7 @@
             this.onGetContent = new core.EventEmitter();
             this.onHide = new core.EventEmitter();
             this.onInit = new core.EventEmitter();
+            this.onInitNgModel = new core.EventEmitter();
             this.onLoadContent = new core.EventEmitter();
             this.onNodeChange = new core.EventEmitter();
             this.onPostProcess = new core.EventEmitter();
@@ -297,195 +298,72 @@
             this.onUndo = new core.EventEmitter();
             this.onVisualAid = new core.EventEmitter();
         }
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBeforePaste", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBlur", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onClick", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onContextMenu", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onCopy", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onCut", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDblclick", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDrag", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDragDrop", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDragEnd", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDragGesture", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDragOver", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDrop", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onFocus", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onFocusIn", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onFocusOut", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onKeyDown", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onKeyPress", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onKeyUp", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseDown", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseEnter", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseLeave", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseMove", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseOut", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseOver", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onMouseUp", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onPaste", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onSelectionChange", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onActivate", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onAddUndo", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBeforeAddUndo", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBeforeExecCommand", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBeforeGetContent", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBeforeRenderUI", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onBeforeSetContent", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onChange", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onClearUndos", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDeactivate", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onDirty", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onExecCommand", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onGetContent", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onHide", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onInit", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onLoadContent", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onNodeChange", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onPostProcess", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onPostRender", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onPreInit", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onPreProcess", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onProgressState", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onRedo", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onRemove", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onReset", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onSaveContent", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onSetAttrib", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onObjectResizeStart", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onObjectResized", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onObjectSelected", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onSetContent", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onShow", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onSubmit", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onUndo", void 0);
-        __decorate([
-            core.Output()
-        ], Events.prototype, "onVisualAid", void 0);
+        Events.propDecorators = {
+            onBeforePaste: [{ type: core.Output }],
+            onBlur: [{ type: core.Output }],
+            onClick: [{ type: core.Output }],
+            onContextMenu: [{ type: core.Output }],
+            onCopy: [{ type: core.Output }],
+            onCut: [{ type: core.Output }],
+            onDblclick: [{ type: core.Output }],
+            onDrag: [{ type: core.Output }],
+            onDragDrop: [{ type: core.Output }],
+            onDragEnd: [{ type: core.Output }],
+            onDragGesture: [{ type: core.Output }],
+            onDragOver: [{ type: core.Output }],
+            onDrop: [{ type: core.Output }],
+            onFocus: [{ type: core.Output }],
+            onFocusIn: [{ type: core.Output }],
+            onFocusOut: [{ type: core.Output }],
+            onKeyDown: [{ type: core.Output }],
+            onKeyPress: [{ type: core.Output }],
+            onKeyUp: [{ type: core.Output }],
+            onMouseDown: [{ type: core.Output }],
+            onMouseEnter: [{ type: core.Output }],
+            onMouseLeave: [{ type: core.Output }],
+            onMouseMove: [{ type: core.Output }],
+            onMouseOut: [{ type: core.Output }],
+            onMouseOver: [{ type: core.Output }],
+            onMouseUp: [{ type: core.Output }],
+            onPaste: [{ type: core.Output }],
+            onSelectionChange: [{ type: core.Output }],
+            onActivate: [{ type: core.Output }],
+            onAddUndo: [{ type: core.Output }],
+            onBeforeAddUndo: [{ type: core.Output }],
+            onBeforeExecCommand: [{ type: core.Output }],
+            onBeforeGetContent: [{ type: core.Output }],
+            onBeforeRenderUI: [{ type: core.Output }],
+            onBeforeSetContent: [{ type: core.Output }],
+            onChange: [{ type: core.Output }],
+            onClearUndos: [{ type: core.Output }],
+            onDeactivate: [{ type: core.Output }],
+            onDirty: [{ type: core.Output }],
+            onExecCommand: [{ type: core.Output }],
+            onGetContent: [{ type: core.Output }],
+            onHide: [{ type: core.Output }],
+            onInit: [{ type: core.Output }],
+            onInitNgModel: [{ type: core.Output }],
+            onLoadContent: [{ type: core.Output }],
+            onNodeChange: [{ type: core.Output }],
+            onPostProcess: [{ type: core.Output }],
+            onPostRender: [{ type: core.Output }],
+            onPreInit: [{ type: core.Output }],
+            onPreProcess: [{ type: core.Output }],
+            onProgressState: [{ type: core.Output }],
+            onRedo: [{ type: core.Output }],
+            onRemove: [{ type: core.Output }],
+            onReset: [{ type: core.Output }],
+            onSaveContent: [{ type: core.Output }],
+            onSetAttrib: [{ type: core.Output }],
+            onObjectResizeStart: [{ type: core.Output }],
+            onObjectResized: [{ type: core.Output }],
+            onObjectSelected: [{ type: core.Output }],
+            onSetContent: [{ type: core.Output }],
+            onShow: [{ type: core.Output }],
+            onSubmit: [{ type: core.Output }],
+            onUndo: [{ type: core.Output }],
+            onVisualAid: [{ type: core.Output }]
+        };
         return Events;
     }());
     var validEvents = [
@@ -561,12 +439,29 @@
      *
      */
     var bindHandlers = function (ctx, editor) {
-        validEvents.forEach(function (eventName) {
+        var allowedEvents = getValidEvents(ctx);
+        allowedEvents.forEach(function (eventName) {
             var eventEmitter = ctx[eventName];
             editor.on(eventName.substring(2), function (event) { return ctx.ngZone.run(function () { return eventEmitter.emit({ event: event, editor: editor }); }); });
         });
     };
     var ɵ0$1 = bindHandlers;
+    var getValidEvents = function (ctx) {
+        var ignoredEvents = parseStringProperty(ctx.ignoreEvents, []);
+        var allowedEvents = parseStringProperty(ctx.allowedEvents, validEvents).filter(function (event) { return validEvents.includes(event) && !ignoredEvents.includes(event); });
+        return allowedEvents;
+    };
+    var ɵ1 = getValidEvents;
+    var parseStringProperty = function (property, defaultValue) {
+        if (typeof property === 'string') {
+            return property.split(',').map(function (value) { return value.trim(); });
+        }
+        if (Array.isArray(property)) {
+            return property;
+        }
+        return defaultValue;
+    };
+    var ɵ2 = parseStringProperty;
     var unique = 0;
     var uuid = function (prefix) {
         var date = new Date();
@@ -575,27 +470,27 @@
         unique++;
         return prefix + '_' + random + unique + String(time);
     };
-    var ɵ1 = uuid;
+    var ɵ3 = uuid;
     var isTextarea = function (element) {
         return typeof element !== 'undefined' && element.tagName.toLowerCase() === 'textarea';
     };
-    var ɵ2 = isTextarea;
+    var ɵ4 = isTextarea;
     var normalizePluginArray = function (plugins) {
         if (typeof plugins === 'undefined' || plugins === '') {
             return [];
         }
         return Array.isArray(plugins) ? plugins : plugins.split(' ');
     };
-    var ɵ3 = normalizePluginArray;
+    var ɵ5 = normalizePluginArray;
     var mergePlugins = function (initPlugins, inputPlugins) {
         return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
     };
-    var ɵ4 = mergePlugins;
+    var ɵ6 = mergePlugins;
     // tslint:disable-next-line:no-empty
     var noop = function () { };
-    var ɵ5 = noop;
+    var ɵ7 = noop;
     var isNullOrUndefined = function (value) { return value === null || value === undefined; };
-    var ɵ6 = isNullOrUndefined;
+    var ɵ8 = isNullOrUndefined;
 
     /**
      * Copyright (c) 2017-present, Ephox, Inc.
@@ -670,7 +565,7 @@
             _this.cloudChannel = '5';
             _this.apiKey = 'no-api-key';
             _this.id = '';
-            _this.modelEvents = 'change keyup undo redo';
+            _this.modelEvents = 'change input undo redo';
             _this.onTouchedCallback = noop;
             _this.onChangeCallback = noop;
             _this._elementRef = elementRef;
@@ -688,14 +583,14 @@
                     this._editor.setMode(val ? 'readonly' : 'design');
                 }
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(EditorComponent.prototype, "editor", {
             get: function () {
                 return this._editor;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         EditorComponent.prototype.writeValue = function (value) {
@@ -717,7 +612,7 @@
                 this._editor.setMode(isDisabled ? 'readonly' : 'design');
             }
             else if (isDisabled) {
-                this.init = __assign({}, this.init, { readonly: true });
+                this.init = __assign(__assign({}, this.init), { readonly: true });
             }
         };
         EditorComponent.prototype.ngAfterViewInit = function () {
@@ -752,7 +647,7 @@
         };
         EditorComponent.prototype.initialise = function () {
             var _this = this;
-            var finalInit = __assign({}, this.init, { target: this._element, inline: this.inline, readonly: this.disabled, plugins: mergePlugins(this.init && this.init.plugins, this.plugins), toolbar: this.toolbar || (this.init && this.init.toolbar), setup: function (editor) {
+            var finalInit = __assign(__assign({}, this.init), { target: this._element, inline: this.inline, readonly: this.disabled, plugins: mergePlugins(this.init && this.init.plugins, this.plugins), toolbar: this.toolbar || (this.init && this.init.toolbar), setup: function (editor) {
                     _this._editor = editor;
                     editor.on('init', function (e) {
                         _this.initEditor(editor);
@@ -781,7 +676,15 @@
                 _this.ngZone.run(function () { return _this.onChangeCallback(editor.getContent({ format: _this.outputFormat })); });
             });
             if (typeof this.initialValue === 'string') {
-                this.ngZone.run(function () { return editor.setContent(_this.initialValue); });
+                this.ngZone.run(function () {
+                    editor.setContent(_this.initialValue);
+                    if (editor.getContent() !== _this.initialValue) {
+                        _this.onChangeCallback(editor.getContent({ format: _this.outputFormat }));
+                    }
+                    if (_this.onInitNgModel !== undefined) {
+                        _this.onInitNgModel.emit(editor);
+                    }
+                });
             }
         };
         EditorComponent.ctorParameters = function () { return [
@@ -790,65 +693,49 @@
             { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
             { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [TINYMCE_SCRIPT_SRC,] }] }
         ]; };
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "disabled", null);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "cloudChannel", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "apiKey", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "init", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "id", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "initialValue", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "outputFormat", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "inline", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "tagName", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "plugins", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "toolbar", void 0);
-        __decorate([
-            core.Input()
-        ], EditorComponent.prototype, "modelEvents", void 0);
-        EditorComponent = __decorate([
-            core.Component({
-                selector: 'editor',
-                template: '<ng-template></ng-template>',
-                providers: [EDITOR_COMPONENT_VALUE_ACCESSOR],
-                styles: [':host { display: block; }']
-            }),
-            __param(2, core.Inject(core.PLATFORM_ID)),
-            __param(3, core.Optional()), __param(3, core.Inject(TINYMCE_SCRIPT_SRC))
-        ], EditorComponent);
+        EditorComponent.decorators = [
+            { type: core.Component, args: [{
+                        selector: 'editor',
+                        template: '<ng-template></ng-template>',
+                        providers: [EDITOR_COMPONENT_VALUE_ACCESSOR],
+                        styles: [':host { display: block; }']
+                    },] }
+        ];
+        EditorComponent.ctorParameters = function () { return [
+            { type: core.ElementRef },
+            { type: core.NgZone },
+            { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] },
+            { type: String, decorators: [{ type: core.Optional }, { type: core.Inject, args: [TINYMCE_SCRIPT_SRC,] }] }
+        ]; };
+        EditorComponent.propDecorators = {
+            disabled: [{ type: core.Input }],
+            cloudChannel: [{ type: core.Input }],
+            apiKey: [{ type: core.Input }],
+            init: [{ type: core.Input }],
+            id: [{ type: core.Input }],
+            initialValue: [{ type: core.Input }],
+            outputFormat: [{ type: core.Input }],
+            inline: [{ type: core.Input }],
+            tagName: [{ type: core.Input }],
+            plugins: [{ type: core.Input }],
+            toolbar: [{ type: core.Input }],
+            modelEvents: [{ type: core.Input }],
+            allowedEvents: [{ type: core.Input }],
+            ignoreEvents: [{ type: core.Input }]
+        };
         return EditorComponent;
     }(Events));
 
     var EditorModule = /** @class */ (function () {
         function EditorModule() {
         }
-        EditorModule = __decorate([
-            core.NgModule({
-                imports: [common.CommonModule, forms.FormsModule],
-                declarations: [EditorComponent],
-                exports: [EditorComponent]
-            })
-        ], EditorModule);
+        EditorModule.decorators = [
+            { type: core.NgModule, args: [{
+                        imports: [common.CommonModule, forms.FormsModule],
+                        declarations: [EditorComponent],
+                        exports: [EditorComponent]
+                    },] }
+        ];
         return EditorModule;
     }());