@tinymce/tinymce-vue 5.1.1 → 5.1.2-feature.20240409071728897.sha7b706fe

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinymce/tinymce-vue",
-  "version": "5.1.1",
+  "version": "5.1.2-feature.20240409071728897.sha7b706fe",
   "description": "Official TinyMCE Vue 3 Component",
   "private": false,
   "repository": {
@@ -37,8 +37,8 @@
   "devDependencies": {
     "@babel/core": "^7.20.2",
     "@ephox/agar": "^7.2.1",
-    "@ephox/bedrock-client": "^13.0.0",
-    "@ephox/bedrock-server": "^13.3.0",
+    "@ephox/bedrock-client": "^14.1.1",
+    "@ephox/bedrock-server": "^14.1.2",
     "@ephox/katamari": "^9.1.1",
     "@ephox/sugar": "^9.1.1",
     "@storybook/addon-actions": "^6.5.13",
@@ -71,6 +71,7 @@
     "tinymce-4": "npm:tinymce@^4",
     "tinymce-5": "npm:tinymce@^5",
     "tinymce-6": "npm:tinymce@^6",
+    "tinymce-7": "npm:tinymce@^7",
     "ts-loader": "^9.4.1",
     "ts-node": "^10.9.1",
     "tsconfig-paths-webpack-plugin": "^3.5.2",

package/lib/browser/tinymce-vue.js

@@ -1,378 +0,0 @@
-var Editor = (function (vue) {
-    'use strict';
-
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    /**
-     * Copyright (c) 2018-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.
-     *
-     */
-    var 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'
-    ];
-    var isValidKey = function (key) {
-        return validEvents.map(function (event) { return event.toLowerCase(); }).indexOf(key.toLowerCase()) !== -1;
-    };
-    var bindHandlers = function (initEvent, listeners, editor) {
-        Object.keys(listeners)
-            .filter(isValidKey)
-            .forEach(function (key) {
-            var handler = listeners[key];
-            if (typeof handler === 'function') {
-                if (key === 'onInit') {
-                    handler(initEvent, editor);
-                }
-                else {
-                    editor.on(key.substring(2), function (e) { return handler(e, editor); });
-                }
-            }
-        });
-    };
-    var bindModelHandlers = function (props, ctx, editor, modelValue) {
-        var modelEvents = props.modelEvents ? props.modelEvents : null;
-        var normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents;
-        vue.watch(modelValue, function (val, prevVal) {
-            if (editor && typeof val === 'string' && val !== prevVal && val !== editor.getContent({ format: props.outputFormat })) {
-                editor.setContent(val);
-            }
-        });
-        editor.on(normalizedEvents ? normalizedEvents : 'change input undo redo', function () {
-            ctx.emit('update:modelValue', editor.getContent({ format: props.outputFormat }));
-        });
-    };
-    var initEditor = function (initEvent, props, ctx, editor, modelValue, content) {
-        editor.setContent(content());
-        if (ctx.attrs['onUpdate:modelValue']) {
-            bindModelHandlers(props, ctx, editor, modelValue);
-        }
-        bindHandlers(initEvent, ctx.attrs, editor);
-    };
-    var unique = 0;
-    var uuid = function (prefix) {
-        var time = Date.now();
-        var random = Math.floor(Math.random() * 1000000000);
-        unique++;
-        return prefix + '_' + random + unique + String(time);
-    };
-    var isTextarea = function (element) {
-        return element !== null && element.tagName.toLowerCase() === 'textarea';
-    };
-    var normalizePluginArray = function (plugins) {
-        if (typeof plugins === 'undefined' || plugins === '') {
-            return [];
-        }
-        return Array.isArray(plugins) ? plugins : plugins.split(' ');
-    };
-    var mergePlugins = function (initPlugins, inputPlugins) {
-        return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
-    };
-    var isNullOrUndefined = function (value) {
-        return value === null || value === undefined;
-    };
-
-    /**
-     * Copyright (c) 2018-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.
-     *
-     */
-    var createState = function () { return ({
-        listeners: [],
-        scriptId: uuid('tiny-script'),
-        scriptLoaded: false
-    }); };
-    var CreateScriptLoader = function () {
-        var state = createState();
-        var injectScriptTag = function (scriptId, doc, url, callback) {
-            var scriptTag = doc.createElement('script');
-            scriptTag.referrerPolicy = 'origin';
-            scriptTag.type = 'application/javascript';
-            scriptTag.id = scriptId;
-            scriptTag.src = url;
-            var handler = function () {
-                scriptTag.removeEventListener('load', handler);
-                callback();
-            };
-            scriptTag.addEventListener('load', handler);
-            if (doc.head) {
-                doc.head.appendChild(scriptTag);
-            }
-        };
-        var load = function (doc, url, callback) {
-            if (state.scriptLoaded) {
-                callback();
-            }
-            else {
-                state.listeners.push(callback);
-                if (!doc.getElementById(state.scriptId)) {
-                    injectScriptTag(state.scriptId, doc, url, function () {
-                        state.listeners.forEach(function (fn) { return fn(); });
-                        state.scriptLoaded = true;
-                    });
-                }
-            }
-        };
-        // Only to be used by tests.
-        var reinitialize = function () {
-            state = createState();
-        };
-        return {
-            load: load,
-            reinitialize: reinitialize
-        };
-    };
-    var ScriptLoader = CreateScriptLoader();
-
-    /**
-     * Copyright (c) 2018-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.
-     *
-     */
-    var getGlobal = function () { return (typeof window !== 'undefined' ? window : global); };
-    var getTinymce = function () {
-        var global = getGlobal();
-        return global && global.tinymce ? global.tinymce : null;
-    };
-
-    var editorProps = {
-        apiKey: String,
-        cloudChannel: String,
-        id: String,
-        init: Object,
-        initialValue: String,
-        inline: Boolean,
-        modelEvents: [String, Array],
-        plugins: [String, Array],
-        tagName: String,
-        toolbar: [String, Array],
-        modelValue: String,
-        disabled: Boolean,
-        tinymceScriptSrc: String,
-        outputFormat: {
-            type: String,
-            validator: function (prop) { return prop === 'html' || prop === 'text'; }
-        },
-    };
-
-    /**
-     * Copyright (c) 2018-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.
-     *
-     */
-    var renderInline = function (ce, id, elementRef, tagName) {
-        return ce(tagName ? tagName : 'div', {
-            id: id,
-            ref: elementRef
-        });
-    };
-    var renderIframe = function (ce, id, elementRef) {
-        return ce('textarea', {
-            id: id,
-            visibility: 'hidden',
-            ref: elementRef
-        });
-    };
-    var defaultInitValues = { selector: undefined, target: undefined };
-    var Editor = vue.defineComponent({
-        props: editorProps,
-        setup: function (props, ctx) {
-            var conf = props.init ? __assign(__assign({}, props.init), defaultInitValues) : __assign({}, defaultInitValues);
-            var _a = vue.toRefs(props), disabled = _a.disabled, modelValue = _a.modelValue, tagName = _a.tagName;
-            var element = vue.ref(null);
-            var vueEditor = null;
-            var elementId = props.id || uuid('tiny-vue');
-            var inlineEditor = (props.init && props.init.inline) || props.inline;
-            var modelBind = !!ctx.attrs['onUpdate:modelValue'];
-            var mounting = true;
-            var initialValue = props.initialValue ? props.initialValue : '';
-            var cache = '';
-            var getContent = function (isMounting) { return modelBind ?
-                function () { return ((modelValue === null || modelValue === void 0 ? void 0 : modelValue.value) ? modelValue.value : ''); } :
-                function () { return isMounting ? initialValue : cache; }; };
-            var initWrapper = function () {
-                var content = getContent(mounting);
-                var finalInit = __assign(__assign({}, conf), { readonly: props.disabled, target: element.value, plugins: mergePlugins(conf.plugins, props.plugins), toolbar: props.toolbar || (conf.toolbar), inline: inlineEditor, setup: function (editor) {
-                        vueEditor = editor;
-                        editor.on('init', function (e) { return initEditor(e, props, ctx, editor, modelValue, content); });
-                        if (typeof conf.setup === 'function') {
-                            conf.setup(editor);
-                        }
-                    } });
-                if (isTextarea(element.value)) {
-                    element.value.style.visibility = '';
-                }
-                getTinymce().init(finalInit);
-                mounting = false;
-            };
-            vue.watch(disabled, function (disable) {
-                var _a;
-                if (vueEditor !== null) {
-                    if (typeof ((_a = vueEditor.mode) === null || _a === void 0 ? void 0 : _a.set) === 'function') {
-                        vueEditor.mode.set(disable ? 'readonly' : 'design');
-                    }
-                    else {
-                        vueEditor.setMode(disable ? 'readonly' : 'design');
-                    }
-                }
-            });
-            vue.watch(tagName, function (_) {
-                var _a;
-                if (!modelBind) {
-                    cache = vueEditor.getContent();
-                }
-                (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
-                vue.nextTick(function () { return initWrapper(); });
-            });
-            vue.onMounted(function () {
-                if (getTinymce() !== null) {
-                    initWrapper();
-                }
-                else if (element.value && element.value.ownerDocument) {
-                    var channel = props.cloudChannel ? props.cloudChannel : '6';
-                    var apiKey = props.apiKey ? props.apiKey : 'no-api-key';
-                    var scriptSrc = isNullOrUndefined(props.tinymceScriptSrc) ?
-                        "https://cdn.tiny.cloud/1/".concat(apiKey, "/tinymce/").concat(channel, "/tinymce.min.js") :
-                        props.tinymceScriptSrc;
-                    ScriptLoader.load(element.value.ownerDocument, scriptSrc, initWrapper);
-                }
-            });
-            vue.onBeforeUnmount(function () {
-                if (getTinymce() !== null) {
-                    getTinymce().remove(vueEditor);
-                }
-            });
-            if (!inlineEditor) {
-                vue.onActivated(function () {
-                    if (!mounting) {
-                        initWrapper();
-                    }
-                });
-                vue.onDeactivated(function () {
-                    var _a;
-                    if (!modelBind) {
-                        cache = vueEditor.getContent();
-                    }
-                    (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
-                });
-            }
-            var rerender = function (init) {
-                var _a;
-                cache = vueEditor.getContent();
-                (_a = getTinymce()) === null || _a === void 0 ? void 0 : _a.remove(vueEditor);
-                conf = __assign(__assign(__assign({}, conf), init), defaultInitValues);
-                vue.nextTick(function () { return initWrapper(); });
-            };
-            ctx.expose({
-                rerender: rerender,
-                getEditor: function () { return vueEditor; }
-            });
-            return function () { return inlineEditor ?
-                renderInline(vue.h, elementId, element, props.tagName) :
-                renderIframe(vue.h, elementId, element); };
-        }
-    });
-
-    /**
-     * Copyright (c) 2018-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.
-     *
-     */
-
-    return Editor;
-
-}(Vue));

package/lib/browser/tinymce-vue.min.js

@@ -1 +0,0 @@
-var Editor=function(a){"use strict";function n(n){return-1!==t.map(function(n){return n.toLowerCase()}).indexOf(n.toLowerCase())}function e(){return{listeners:[],scriptId:h("tiny-script"),scriptLoaded:!1}}function m(){var n="undefined"!=typeof window?window:global;return n&&n.tinymce?n.tinymce:null}var o,y=function(){return(y=Object.assign||function(n){for(var e,t=1,o=arguments.length;t<o;t++)for(var i in e=arguments[t])Object.prototype.hasOwnProperty.call(e,i)&&(n[i]=e[i]);return n}).apply(this,arguments)},t=["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"],C=function(t,o,i){Object.keys(o).filter(n).forEach(function(n){var e=o[n];"function"==typeof e&&("onInit"===n?e(t,i):i.on(n.substring(2),function(n){return e(n,i)}))})},S=function(t,n,o,e){var i=t.modelEvents||null,i=Array.isArray(i)?i.join(" "):i;a.watch(e,function(n,e){o&&"string"==typeof n&&n!==e&&n!==o.getContent({format:t.outputFormat})&&o.setContent(n)}),o.on(i||"change input undo redo",function(){n.emit("update:modelValue",o.getContent({format:t.outputFormat}))})},i=0,h=function(n){var e=Date.now();return n+"_"+Math.floor(1e9*Math.random())+ ++i+String(e)},b=function(n){return void 0===n||""===n?[]:Array.isArray(n)?n:n.split(" ")},w=(o=e(),{load:function(n,e,t){o.scriptLoaded?t():(o.listeners.push(t),n.getElementById(o.scriptId)||function(n,e,t,o){var i=e.createElement("script");i.referrerPolicy="origin",i.type="application/javascript",i.id=n,i.src=t;function r(){i.removeEventListener("load",r),o()}i.addEventListener("load",r),e.head&&e.head.appendChild(i)}(o.scriptId,n,e,function(){o.listeners.forEach(function(n){return n()}),o.scriptLoaded=!0}))},reinitialize:function(){o=e()}}),r={apiKey:String,cloudChannel:String,id:String,init:Object,initialValue:String,inline:Boolean,modelEvents:[String,Array],plugins:[String,Array],tagName:String,toolbar:[String,Array],modelValue:String,disabled:Boolean,tinymceScriptSrc:String,outputFormat:{type:String,validator:function(n){return"html"===n||"text"===n}}},D={selector:void 0,target:void 0};return a.defineComponent({props:r,setup:function(u,l){function t(){var n,e,a=(n=v,f?function(){return null!=c&&c.value?c.value:""}:function(){return n?p:g}),t=y(y({},o),{readonly:u.disabled,target:i.value,plugins:(t=o.plugins,e=u.plugins,b(t).concat(b(e))),toolbar:u.toolbar||o.toolbar,inline:s,setup:function(r){(d=r).on("init",function(n){return e=n,t=u,o=l,i=c,(n=r).setContent(a()),o.attrs["onUpdate:modelValue"]&&S(t,o,n,i),void C(e,o.attrs,n);var e,t,o,i}),"function"==typeof o.setup&&o.setup(r)}});null!==(e=i.value)&&"textarea"===e.tagName.toLowerCase()&&(i.value.style.visibility=""),m().init(t),v=!1}var o=u.init?y(y({},u.init),D):y({},D),n=a.toRefs(u),e=n.disabled,c=n.modelValue,n=n.tagName,i=a.ref(null),d=null,r=u.id||h("tiny-vue"),s=u.init&&u.init.inline||u.inline,f=!!l.attrs["onUpdate:modelValue"],v=!0,p=u.initialValue||"",g="";a.watch(e,function(n){var e;null!==d&&("function"==typeof(null===(e=d.mode)||void 0===e?void 0:e.set)?d.mode.set(n?"readonly":"design"):d.setMode(n?"readonly":"design"))}),a.watch(n,function(n){var e;f||(g=d.getContent()),null!==(e=m())&&void 0!==e&&e.remove(d),a.nextTick(t)}),a.onMounted(function(){var n,e;null!==m()?t():i.value&&i.value.ownerDocument&&(e=u.cloudChannel||"6",n=u.apiKey||"no-api-key",e=null==u.tinymceScriptSrc?"https://cdn.tiny.cloud/1/".concat(n,"/tinymce/").concat(e,"/tinymce.min.js"):u.tinymceScriptSrc,w.load(i.value.ownerDocument,e,t))}),a.onBeforeUnmount(function(){null!==m()&&m().remove(d)}),s||(a.onActivated(function(){v||t()}),a.onDeactivated(function(){var n;f||(g=d.getContent()),null!==(n=m())&&void 0!==n&&n.remove(d)}));return l.expose({rerender:function(n){var e;g=d.getContent(),null!==(e=m())&&void 0!==e&&e.remove(d),o=y(y(y({},o),n),D),a.nextTick(t)},getEditor:function(){return d}}),function(){return s?(n=a.h,e=i,t=u.tagName,n(t||"div",{id:r,ref:e})):(0,a.h)("textarea",{id:r,visibility:"hidden",ref:i});var n,e,t}}})}(Vue);

package/lib/cjs/main/ts/ScriptLoader.d.ts

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) 2018-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.
- *
- */
-export type CallbackFn = () => void;
-export interface IStateObj {
-    listeners: CallbackFn[];
-    scriptId: string;
-    scriptLoaded: boolean;
-}
-interface ScriptLoader {
-    load: (doc: Document, url: string, callback: CallbackFn) => void;
-    reinitialize: () => void;
-}
-declare const ScriptLoader: ScriptLoader;
-export { ScriptLoader };

package/lib/cjs/main/ts/ScriptLoader.js

@@ -1,58 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2018-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.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScriptLoader = void 0;
-var Utils_1 = require("./Utils");
-var createState = function () { return ({
-    listeners: [],
-    scriptId: (0, Utils_1.uuid)('tiny-script'),
-    scriptLoaded: false
-}); };
-var CreateScriptLoader = function () {
-    var state = createState();
-    var injectScriptTag = function (scriptId, doc, url, callback) {
-        var scriptTag = doc.createElement('script');
-        scriptTag.referrerPolicy = 'origin';
-        scriptTag.type = 'application/javascript';
-        scriptTag.id = scriptId;
-        scriptTag.src = url;
-        var handler = function () {
-            scriptTag.removeEventListener('load', handler);
-            callback();
-        };
-        scriptTag.addEventListener('load', handler);
-        if (doc.head) {
-            doc.head.appendChild(scriptTag);
-        }
-    };
-    var load = function (doc, url, callback) {
-        if (state.scriptLoaded) {
-            callback();
-        }
-        else {
-            state.listeners.push(callback);
-            if (!doc.getElementById(state.scriptId)) {
-                injectScriptTag(state.scriptId, doc, url, function () {
-                    state.listeners.forEach(function (fn) { return fn(); });
-                    state.scriptLoaded = true;
-                });
-            }
-        }
-    };
-    // Only to be used by tests.
-    var reinitialize = function () {
-        state = createState();
-    };
-    return {
-        load: load,
-        reinitialize: reinitialize
-    };
-};
-var ScriptLoader = CreateScriptLoader();
-exports.ScriptLoader = ScriptLoader;

package/lib/cjs/main/ts/TinyMCE.d.ts

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2018-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.
- *
- */
-declare const getTinymce: () => any;
-export { getTinymce };

package/lib/cjs/main/ts/TinyMCE.js

@@ -1,16 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2018-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.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTinymce = void 0;
-var getGlobal = function () { return (typeof window !== 'undefined' ? window : global); };
-var getTinymce = function () {
-    var global = getGlobal();
-    return global && global.tinymce ? global.tinymce : null;
-};
-exports.getTinymce = getTinymce;

package/lib/cjs/main/ts/Utils.d.ts

@@ -1,19 +0,0 @@
-/**
- * Copyright (c) 2018-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.
- *
- */
-import { Ref, SetupContext } from 'vue';
-import { IPropTypes } from './components/EditorPropTypes';
-import { Editor as TinyMCEEditor, EditorEvent } from 'tinymce';
-declare const isValidKey: (key: string) => boolean;
-declare const bindHandlers: (initEvent: EditorEvent<any>, listeners: Record<string, any>, editor: TinyMCEEditor) => void;
-declare const bindModelHandlers: (props: IPropTypes, ctx: SetupContext, editor: TinyMCEEditor, modelValue: Ref<any>) => void;
-declare const initEditor: (initEvent: EditorEvent<any>, props: IPropTypes, ctx: SetupContext, editor: TinyMCEEditor, modelValue: Ref<any>, content: () => string) => void;
-declare const uuid: (prefix: string) => string;
-declare const isTextarea: (element: Element | null) => element is HTMLTextAreaElement;
-declare const mergePlugins: (initPlugins: string | string[] | undefined, inputPlugins?: string | string[]) => string[];
-declare const isNullOrUndefined: (value: any) => value is null | undefined;
-export { bindHandlers, bindModelHandlers, initEditor, isValidKey, uuid, isTextarea, mergePlugins, isNullOrUndefined };

package/lib/cjs/main/ts/Utils.js

@@ -1,142 +0,0 @@
-"use strict";
-/**
- * Copyright (c) 2018-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.
- *
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isNullOrUndefined = exports.mergePlugins = exports.isTextarea = exports.uuid = exports.isValidKey = exports.initEditor = exports.bindModelHandlers = exports.bindHandlers = void 0;
-var vue_1 = require("vue");
-var 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'
-];
-var isValidKey = function (key) {
-    return validEvents.map(function (event) { return event.toLowerCase(); }).indexOf(key.toLowerCase()) !== -1;
-};
-exports.isValidKey = isValidKey;
-var bindHandlers = function (initEvent, listeners, editor) {
-    Object.keys(listeners)
-        .filter(isValidKey)
-        .forEach(function (key) {
-        var handler = listeners[key];
-        if (typeof handler === 'function') {
-            if (key === 'onInit') {
-                handler(initEvent, editor);
-            }
-            else {
-                editor.on(key.substring(2), function (e) { return handler(e, editor); });
-            }
-        }
-    });
-};
-exports.bindHandlers = bindHandlers;
-var bindModelHandlers = function (props, ctx, editor, modelValue) {
-    var modelEvents = props.modelEvents ? props.modelEvents : null;
-    var normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents;
-    (0, vue_1.watch)(modelValue, function (val, prevVal) {
-        if (editor && typeof val === 'string' && val !== prevVal && val !== editor.getContent({ format: props.outputFormat })) {
-            editor.setContent(val);
-        }
-    });
-    editor.on(normalizedEvents ? normalizedEvents : 'change input undo redo', function () {
-        ctx.emit('update:modelValue', editor.getContent({ format: props.outputFormat }));
-    });
-};
-exports.bindModelHandlers = bindModelHandlers;
-var initEditor = function (initEvent, props, ctx, editor, modelValue, content) {
-    editor.setContent(content());
-    if (ctx.attrs['onUpdate:modelValue']) {
-        bindModelHandlers(props, ctx, editor, modelValue);
-    }
-    bindHandlers(initEvent, ctx.attrs, editor);
-};
-exports.initEditor = initEditor;
-var unique = 0;
-var uuid = function (prefix) {
-    var time = Date.now();
-    var random = Math.floor(Math.random() * 1000000000);
-    unique++;
-    return prefix + '_' + random + unique + String(time);
-};
-exports.uuid = uuid;
-var isTextarea = function (element) {
-    return element !== null && element.tagName.toLowerCase() === 'textarea';
-};
-exports.isTextarea = isTextarea;
-var normalizePluginArray = function (plugins) {
-    if (typeof plugins === 'undefined' || plugins === '') {
-        return [];
-    }
-    return Array.isArray(plugins) ? plugins : plugins.split(' ');
-};
-var mergePlugins = function (initPlugins, inputPlugins) {
-    return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
-};
-exports.mergePlugins = mergePlugins;
-var isNullOrUndefined = function (value) {
-    return value === null || value === undefined;
-};
-exports.isNullOrUndefined = isNullOrUndefined;