@tinymce/tinymce-angular/fesm2015/tinymce-tinymce-angular.js

import { __decorate, __param } from 'tslib';
import { EventEmitter, Output, InjectionToken, forwardRef, ElementRef, NgZone, Inject, PLATFORM_ID, Optional, Input, Component, NgModule } from '@angular/core';
import { isPlatformBrowser, CommonModule } from '@angular/common';
import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';

/**
 * Copyright (c) 2017-present, Ephox, Inc.
 *
 * This source code is licensed under the Apache 2 license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
const getTinymce = () => {
    const w = typeof window !== 'undefined' ? window : undefined;
    return w && w.tinymce ? w.tinymce : null;
};
const ɵ0 = getTinymce;

class Events {
    constructor() {
        this.onBeforePaste = new EventEmitter();
        this.onBlur = new EventEmitter();
        this.onClick = new EventEmitter();
        this.onContextMenu = new EventEmitter();
        this.onCopy = new EventEmitter();
        this.onCut = new EventEmitter();
        this.onDblclick = new EventEmitter();
        this.onDrag = new EventEmitter();
        this.onDragDrop = new EventEmitter();
        this.onDragEnd = new EventEmitter();
        this.onDragGesture = new EventEmitter();
        this.onDragOver = new EventEmitter();
        this.onDrop = new EventEmitter();
        this.onFocus = new EventEmitter();
        this.onFocusIn = new EventEmitter();
        this.onFocusOut = new EventEmitter();
        this.onKeyDown = new EventEmitter();
        this.onKeyPress = new EventEmitter();
        this.onKeyUp = new EventEmitter();
        this.onMouseDown = new EventEmitter();
        this.onMouseEnter = new EventEmitter();
        this.onMouseLeave = new EventEmitter();
        this.onMouseMove = new EventEmitter();
        this.onMouseOut = new EventEmitter();
        this.onMouseOver = new EventEmitter();
        this.onMouseUp = new EventEmitter();
        this.onPaste = new EventEmitter();
        this.onSelectionChange = new EventEmitter();
        this.onActivate = new EventEmitter();
        this.onAddUndo = new EventEmitter();
        this.onBeforeAddUndo = new EventEmitter();
        this.onBeforeExecCommand = new EventEmitter();
        this.onBeforeGetContent = new EventEmitter();
        this.onBeforeRenderUI = new EventEmitter();
        this.onBeforeSetContent = new EventEmitter();
        this.onChange = new EventEmitter();
        this.onClearUndos = new EventEmitter();
        this.onDeactivate = new EventEmitter();
        this.onDirty = new EventEmitter();
        this.onExecCommand = new EventEmitter();
        this.onGetContent = new EventEmitter();
        this.onHide = new EventEmitter();
        this.onInit = new EventEmitter();
        this.onLoadContent = new EventEmitter();
        this.onNodeChange = new EventEmitter();
        this.onPostProcess = new EventEmitter();
        this.onPostRender = new EventEmitter();
        this.onPreInit = new EventEmitter();
        this.onPreProcess = new EventEmitter();
        this.onProgressState = new EventEmitter();
        this.onRedo = new EventEmitter();
        this.onRemove = new EventEmitter();
        this.onReset = new EventEmitter();
        this.onSaveContent = new EventEmitter();
        this.onSetAttrib = new EventEmitter();
        this.onObjectResizeStart = new EventEmitter();
        this.onObjectResized = new EventEmitter();
        this.onObjectSelected = new EventEmitter();
        this.onSetContent = new EventEmitter();
        this.onShow = new EventEmitter();
        this.onSubmit = new EventEmitter();
        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);
const validEvents = [
    'onActivate',
    'onAddUndo',
    'onBeforeAddUndo',
    'onBeforeExecCommand',
    'onBeforeGetContent',
    'onBeforeRenderUI',
    'onBeforeSetContent',
    'onBeforePaste',
    'onBlur',
    'onChange',
    'onClearUndos',
    'onClick',
    'onContextMenu',
    'onCopy',
    'onCut',
    'onDblclick',
    'onDeactivate',
    'onDirty',
    'onDrag',
    'onDragDrop',
    'onDragEnd',
    'onDragGesture',
    'onDragOver',
    'onDrop',
    'onExecCommand',
    'onFocus',
    'onFocusIn',
    'onFocusOut',
    'onGetContent',
    'onHide',
    'onInit',
    'onKeyDown',
    'onKeyPress',
    'onKeyUp',
    'onLoadContent',
    'onMouseDown',
    'onMouseEnter',
    'onMouseLeave',
    'onMouseMove',
    'onMouseOut',
    'onMouseOver',
    'onMouseUp',
    'onNodeChange',
    'onObjectResizeStart',
    'onObjectResized',
    'onObjectSelected',
    'onPaste',
    'onPostProcess',
    'onPostRender',
    'onPreProcess',
    'onProgressState',
    'onRedo',
    'onRemove',
    'onReset',
    'onSaveContent',
    'onSelectionChange',
    'onSetAttrib',
    'onSetContent',
    'onShow',
    'onSubmit',
    'onUndo',
    'onVisualAid'
];

/**
 * Copyright (c) 2017-present, Ephox, Inc.
 *
 * This source code is licensed under the Apache 2 license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
const bindHandlers = (ctx, editor, initEvent) => {
    validEvents.forEach((eventName) => {
        const eventEmitter = ctx[eventName];
        if (eventName === 'onInit') {
            ctx.ngZone.run(() => eventEmitter.emit({ event: initEvent, editor }));
        }
        else {
            editor.on(eventName.substring(2), (event) => ctx.ngZone.run(() => eventEmitter.emit({ event, editor })));
        }
    });
};
const ɵ0$1 = bindHandlers;
let unique = 0;
const uuid = (prefix) => {
    const date = new Date();
    const time = date.getTime();
    const random = Math.floor(Math.random() * 1000000000);
    unique++;
    return prefix + '_' + random + unique + String(time);
};
const ɵ1 = uuid;
const isTextarea = (element) => {
    return typeof element !== 'undefined' && element.tagName.toLowerCase() === 'textarea';
};
const ɵ2 = isTextarea;
const normalizePluginArray = (plugins) => {
    if (typeof plugins === 'undefined' || plugins === '') {
        return [];
    }
    return Array.isArray(plugins) ? plugins : plugins.split(' ');
};
const ɵ3 = normalizePluginArray;
const mergePlugins = (initPlugins, inputPlugins) => normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
const ɵ4 = mergePlugins;
// tslint:disable-next-line:no-empty
const noop = () => { };
const ɵ5 = noop;
const isNullOrUndefined = (value) => value === null || value === undefined;
const ɵ6 = isNullOrUndefined;

/**
 * Copyright (c) 2017-present, Ephox, Inc.
 *
 * This source code is licensed under the Apache 2 license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */
const createState = () => {
    return {
        listeners: [],
        scriptId: uuid('tiny-script'),
        scriptLoaded: false
    };
};
const ɵ0$2 = createState;
const CreateScriptLoader = () => {
    let state = createState();
    const injectScriptTag = (scriptId, doc, url, callback) => {
        const scriptTag = doc.createElement('script');
        scriptTag.referrerPolicy = 'origin';
        scriptTag.type = 'application/javascript';
        scriptTag.id = scriptId;
        scriptTag.src = url;
        const handler = () => {
            scriptTag.removeEventListener('load', handler);
            callback();
        };
        scriptTag.addEventListener('load', handler);
        if (doc.head) {
            doc.head.appendChild(scriptTag);
        }
    };
    const load = (doc, url, callback) => {
        if (state.scriptLoaded) {
            callback();
        }
        else {
            state.listeners.push(callback);
            if (!doc.getElementById(state.scriptId)) {
                injectScriptTag(state.scriptId, doc, url, () => {
                    state.listeners.forEach((fn) => fn());
                    state.scriptLoaded = true;
                });
            }
        }
    };
    // Only to be used by tests.
    const reinitialize = () => {
        state = createState();
    };
    return {
        load,
        reinitialize
    };
};
const ɵ1$1 = CreateScriptLoader;
const ScriptLoader = CreateScriptLoader();

const TINYMCE_SCRIPT_SRC = new InjectionToken('TINYMCE_SCRIPT_SRC');
const EDITOR_COMPONENT_VALUE_ACCESSOR = {
    provide: NG_VALUE_ACCESSOR,
    useExisting: forwardRef(() => EditorComponent),
    multi: true
};
let EditorComponent = class EditorComponent extends Events {
    constructor(elementRef, ngZone, platformId, tinymceScriptSrc) {
        super();
        this.platformId = platformId;
        this.tinymceScriptSrc = tinymceScriptSrc;
        this.cloudChannel = '5';
        this.apiKey = 'no-api-key';
        this.id = '';
        this.onTouchedCallback = noop;
        this.onChangeCallback = noop;
        this._elementRef = elementRef;
        this.ngZone = ngZone;
        this.initialise = this.initialise.bind(this);
    }
    set disabled(val) {
        this._disabled = val;
        if (this._editor && this._editor.initialized) {
            this._editor.setMode(val ? 'readonly' : 'design');
        }
    }
    get disabled() {
        return this._disabled;
    }
    get editor() {
        return this._editor;
    }
    writeValue(value) {
        if (this._editor && this._editor.initialized) {
            this._editor.setContent(isNullOrUndefined(value) ? '' : value);
        }
        else {
            this.initialValue = value === null ? undefined : value;
        }
    }
    registerOnChange(fn) {
        this.onChangeCallback = fn;
    }
    registerOnTouched(fn) {
        this.onTouchedCallback = fn;
    }
    setDisabledState(isDisabled) {
        if (this._editor) {
            this._editor.setMode(isDisabled ? 'readonly' : 'design');
        }
        else if (isDisabled) {
            this.init = Object.assign({}, this.init, { readonly: true });
        }
    }
    ngAfterViewInit() {
        if (isPlatformBrowser(this.platformId)) {
            this.id = this.id || uuid('tiny-angular');
            this.inline =
                typeof this.inline !== 'undefined' ? (typeof this.inline === 'boolean' ? this.inline : true) : this.init && this.init.inline;
            this.createElement();
            if (getTinymce() !== null) {
                this.initialise();
            }
            else if (this._element && this._element.ownerDocument) {
                ScriptLoader.load(this._element.ownerDocument, this.getScriptSrc(), this.initialise);
            }
        }
    }
    ngOnDestroy() {
        if (getTinymce() !== null) {
            getTinymce().remove(this._editor);
        }
    }
    createElement() {
        const tagName = typeof this.tagName === 'string' ? this.tagName : 'div';
        this._element = document.createElement(this.inline ? tagName : 'textarea');
        if (this._element) {
            this._element.id = this.id;
            if (isTextarea(this._element)) {
                this._element.style.visibility = 'hidden';
            }
            this._elementRef.nativeElement.appendChild(this._element);
        }
    }
    initialise() {
        const finalInit = Object.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: (editor) => {
                this._editor = editor;
                editor.on('init', (e) => {
                    this.initEditor(e, editor);
                });
                if (this.init && typeof this.init.setup === 'function') {
                    this.init.setup(editor);
                }
            } });
        if (isTextarea(this._element)) {
            this._element.style.visibility = '';
        }
        this.ngZone.runOutsideAngular(() => {
            getTinymce().init(finalInit);
        });
    }
    getScriptSrc() {
        return isNullOrUndefined(this.tinymceScriptSrc) ?
            `https://cdn.tiny.cloud/1/${this.apiKey}/tinymce/${this.cloudChannel}/tinymce.min.js` :
            this.tinymceScriptSrc;
    }
    initEditor(initEvent, editor) {
        if (typeof this.initialValue === 'string') {
            this.ngZone.run(() => editor.setContent(this.initialValue));
        }
        editor.on('blur', () => this.ngZone.run(() => this.onTouchedCallback()));
        editor.on('change keyup undo redo', () => {
            this.ngZone.run(() => this.onChangeCallback(editor.getContent({ format: this.outputFormat })));
        });
        bindHandlers(this, editor, initEvent);
    }
};
EditorComponent.ctorParameters = () => [
    { type: ElementRef },
    { type: NgZone },
    { 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);
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);

let EditorModule = class EditorModule {
};
EditorModule = __decorate([
    NgModule({
        imports: [CommonModule, FormsModule],
        declarations: [EditorComponent],
        exports: [EditorComponent]
    })
], EditorModule);

/**
 * Generated bundle index. Do not edit.
 */

export { EditorComponent, EditorModule, TINYMCE_SCRIPT_SRC, Events as ɵa };
//# sourceMappingURL=tinymce-tinymce-angular.js.map