@tinymce/tinymce-angular 3.6.0 → 4.2.0

package/fesm5/tinymce-tinymce-angular.js

@@ -1,7 +1,7 @@
-import { __decorate, __extends, __assign, __param } from 'tslib';
-import { EventEmitter, Output, InjectionToken, forwardRef, ElementRef, NgZone, Inject, PLATFORM_ID, Optional, Input, Component, NgModule } from '@angular/core';
+import { EventEmitter, Output, InjectionToken, forwardRef, ElementRef, NgZone, Inject, PLATFORM_ID, Optional, Component, Input, NgModule } from '@angular/core';
 import { isPlatformBrowser, CommonModule } from '@angular/common';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { __extends, __assign } from 'tslib';
 
 /**
  * Copyright (c) 2017-present, Ephox, Inc.
@@ -61,6 +61,7 @@ var Events = /** @class */ (function () {
         this.onGetContent = new EventEmitter();
         this.onHide = new EventEmitter();
         this.onInit = new EventEmitter();
+        this.onInitNgModel = new EventEmitter();
         this.onLoadContent = new EventEmitter();
         this.onNodeChange = new EventEmitter();
         this.onPostProcess = new EventEmitter();
@@ -82,195 +83,72 @@ var Events = /** @class */ (function () {
         this.onUndo = new EventEmitter();
         this.onVisualAid = new EventEmitter();
     }
-    __decorate([
-        Output()
-    ], Events.prototype, "onBeforePaste", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onBlur", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onClick", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onContextMenu", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onCopy", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onCut", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDblclick", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDrag", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDragDrop", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDragEnd", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDragGesture", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDragOver", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDrop", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onFocus", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onFocusIn", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onFocusOut", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onKeyDown", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onKeyPress", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onKeyUp", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseDown", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseEnter", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseLeave", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseMove", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseOut", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseOver", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onMouseUp", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onPaste", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onSelectionChange", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onActivate", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onAddUndo", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onBeforeAddUndo", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onBeforeExecCommand", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onBeforeGetContent", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onBeforeRenderUI", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onBeforeSetContent", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onChange", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onClearUndos", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDeactivate", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onDirty", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onExecCommand", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onGetContent", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onHide", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onInit", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onLoadContent", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onNodeChange", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onPostProcess", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onPostRender", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onPreInit", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onPreProcess", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onProgressState", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onRedo", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onRemove", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onReset", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onSaveContent", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onSetAttrib", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onObjectResizeStart", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onObjectResized", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onObjectSelected", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onSetContent", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onShow", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onSubmit", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onUndo", void 0);
-    __decorate([
-        Output()
-    ], Events.prototype, "onVisualAid", void 0);
+    Events.propDecorators = {
+        onBeforePaste: [{ type: Output }],
+        onBlur: [{ type: Output }],
+        onClick: [{ type: Output }],
+        onContextMenu: [{ type: Output }],
+        onCopy: [{ type: Output }],
+        onCut: [{ type: Output }],
+        onDblclick: [{ type: Output }],
+        onDrag: [{ type: Output }],
+        onDragDrop: [{ type: Output }],
+        onDragEnd: [{ type: Output }],
+        onDragGesture: [{ type: Output }],
+        onDragOver: [{ type: Output }],
+        onDrop: [{ type: Output }],
+        onFocus: [{ type: Output }],
+        onFocusIn: [{ type: Output }],
+        onFocusOut: [{ type: Output }],
+        onKeyDown: [{ type: Output }],
+        onKeyPress: [{ type: Output }],
+        onKeyUp: [{ type: Output }],
+        onMouseDown: [{ type: Output }],
+        onMouseEnter: [{ type: Output }],
+        onMouseLeave: [{ type: Output }],
+        onMouseMove: [{ type: Output }],
+        onMouseOut: [{ type: Output }],
+        onMouseOver: [{ type: Output }],
+        onMouseUp: [{ type: Output }],
+        onPaste: [{ type: Output }],
+        onSelectionChange: [{ type: Output }],
+        onActivate: [{ type: Output }],
+        onAddUndo: [{ type: Output }],
+        onBeforeAddUndo: [{ type: Output }],
+        onBeforeExecCommand: [{ type: Output }],
+        onBeforeGetContent: [{ type: Output }],
+        onBeforeRenderUI: [{ type: Output }],
+        onBeforeSetContent: [{ type: Output }],
+        onChange: [{ type: Output }],
+        onClearUndos: [{ type: Output }],
+        onDeactivate: [{ type: Output }],
+        onDirty: [{ type: Output }],
+        onExecCommand: [{ type: Output }],
+        onGetContent: [{ type: Output }],
+        onHide: [{ type: Output }],
+        onInit: [{ type: Output }],
+        onInitNgModel: [{ type: Output }],
+        onLoadContent: [{ type: Output }],
+        onNodeChange: [{ type: Output }],
+        onPostProcess: [{ type: Output }],
+        onPostRender: [{ type: Output }],
+        onPreInit: [{ type: Output }],
+        onPreProcess: [{ type: Output }],
+        onProgressState: [{ type: Output }],
+        onRedo: [{ type: Output }],
+        onRemove: [{ type: Output }],
+        onReset: [{ type: Output }],
+        onSaveContent: [{ type: Output }],
+        onSetAttrib: [{ type: Output }],
+        onObjectResizeStart: [{ type: Output }],
+        onObjectResized: [{ type: Output }],
+        onObjectSelected: [{ type: Output }],
+        onSetContent: [{ type: Output }],
+        onShow: [{ type: Output }],
+        onSubmit: [{ type: Output }],
+        onUndo: [{ type: Output }],
+        onVisualAid: [{ type: Output }]
+    };
     return Events;
 }());
 var validEvents = [
@@ -346,12 +224,29 @@ var validEvents = [
  *
  */
 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();
@@ -360,27 +255,27 @@ var uuid = function (prefix) {
     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.
@@ -455,7 +350,7 @@ var EditorComponent = /** @class */ (function (_super) {
         _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;
@@ -473,14 +368,14 @@ var EditorComponent = /** @class */ (function (_super) {
                 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) {
@@ -502,7 +397,7 @@ var EditorComponent = /** @class */ (function (_super) {
             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 () {
@@ -537,7 +432,7 @@ var EditorComponent = /** @class */ (function (_super) {
     };
     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);
@@ -566,7 +461,15 @@ var EditorComponent = /** @class */ (function (_super) {
             _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 [
@@ -575,65 +478,49 @@ var EditorComponent = /** @class */ (function (_super) {
         { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
         { type: String, decorators: [{ type: Optional }, { type: Inject, args: [TINYMCE_SCRIPT_SRC,] }] }
     ]; };
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "disabled", null);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "cloudChannel", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "apiKey", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "init", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "id", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "initialValue", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "outputFormat", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "inline", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "tagName", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "plugins", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "toolbar", void 0);
-    __decorate([
-        Input()
-    ], EditorComponent.prototype, "modelEvents", void 0);
-    EditorComponent = __decorate([
-        Component({
-            selector: 'editor',
-            template: '<ng-template></ng-template>',
-            providers: [EDITOR_COMPONENT_VALUE_ACCESSOR],
-            styles: [':host { display: block; }']
-        }),
-        __param(2, Inject(PLATFORM_ID)),
-        __param(3, Optional()), __param(3, Inject(TINYMCE_SCRIPT_SRC))
-    ], EditorComponent);
+    EditorComponent.decorators = [
+        { type: Component, args: [{
+                    selector: 'editor',
+                    template: '<ng-template></ng-template>',
+                    providers: [EDITOR_COMPONENT_VALUE_ACCESSOR],
+                    styles: [':host { display: block; }']
+                },] }
+    ];
+    EditorComponent.ctorParameters = function () { return [
+        { type: ElementRef },
+        { type: NgZone },
+        { type: Object, decorators: [{ type: Inject, args: [PLATFORM_ID,] }] },
+        { type: String, decorators: [{ type: Optional }, { type: Inject, args: [TINYMCE_SCRIPT_SRC,] }] }
+    ]; };
+    EditorComponent.propDecorators = {
+        disabled: [{ type: Input }],
+        cloudChannel: [{ type: Input }],
+        apiKey: [{ type: Input }],
+        init: [{ type: Input }],
+        id: [{ type: Input }],
+        initialValue: [{ type: Input }],
+        outputFormat: [{ type: Input }],
+        inline: [{ type: Input }],
+        tagName: [{ type: Input }],
+        plugins: [{ type: Input }],
+        toolbar: [{ type: Input }],
+        modelEvents: [{ type: Input }],
+        allowedEvents: [{ type: Input }],
+        ignoreEvents: [{ type: Input }]
+    };
     return EditorComponent;
 }(Events));
 
 var EditorModule = /** @class */ (function () {
     function EditorModule() {
     }
-    EditorModule = __decorate([
-        NgModule({
-            imports: [CommonModule, FormsModule],
-            declarations: [EditorComponent],
-            exports: [EditorComponent]
-        })
-    ], EditorModule);
+    EditorModule.decorators = [
+        { type: NgModule, args: [{
+                    imports: [CommonModule, FormsModule],
+                    declarations: [EditorComponent],
+                    exports: [EditorComponent]
+                },] }
+    ];
     return EditorModule;
 }());