You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

527 lines
15 KiB
JavaScript

4 weeks ago
/**
* Copyright (c) Tiny Technologies, Inc. All rights reserved.
* Licensed under the LGPL or a commercial license.
* For LGPL see License.txt in the project root for license information.
* For commercial licenses see https://www.tiny.cloud/
*
* Version: 5.9.2 (2021-09-08)
*/
(function () {
'use strict';
var Cell = function (initial) {
var value = initial;
var get = function () {
return value;
};
var set = function (v) {
value = v;
};
return {
get: get,
set: set
};
};
var global$1 = tinymce.util.Tools.resolve('tinymce.PluginManager');
var get$2 = function (toggleState) {
var isEnabled = function () {
return toggleState.get();
};
return { isEnabled: isEnabled };
};
var fireVisualChars = function (editor, state) {
return editor.fire('VisualChars', { state: state });
};
var typeOf = function (x) {
var t = typeof x;
if (x === null) {
return 'null';
} else if (t === 'object' && (Array.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'Array')) {
return 'array';
} else if (t === 'object' && (String.prototype.isPrototypeOf(x) || x.constructor && x.constructor.name === 'String')) {
return 'string';
} else {
return t;
}
};
var isType$1 = function (type) {
return function (value) {
return typeOf(value) === type;
};
};
var isSimpleType = function (type) {
return function (value) {
return typeof value === type;
};
};
var isString = isType$1('string');
var isBoolean = isSimpleType('boolean');
var isNumber = isSimpleType('number');
var noop = function () {
};
var constant = function (value) {
return function () {
return value;
};
};
var identity = function (x) {
return x;
};
var never = constant(false);
var always = constant(true);
var none = function () {
return NONE;
};
var NONE = function () {
var call = function (thunk) {
return thunk();
};
var id = identity;
var me = {
fold: function (n, _s) {
return n();
},
isSome: never,
isNone: always,
getOr: id,
getOrThunk: call,
getOrDie: function (msg) {
throw new Error(msg || 'error: getOrDie called on none.');
},
getOrNull: constant(null),
getOrUndefined: constant(undefined),
or: id,
orThunk: call,
map: none,
each: noop,
bind: none,
exists: never,
forall: always,
filter: function () {
return none();
},
toArray: function () {
return [];
},
toString: constant('none()')
};
return me;
}();
var some = function (a) {
var constant_a = constant(a);
var self = function () {
return me;
};
var bind = function (f) {
return f(a);
};
var me = {
fold: function (n, s) {
return s(a);
},
isSome: always,
isNone: never,
getOr: constant_a,
getOrThunk: constant_a,
getOrDie: constant_a,
getOrNull: constant_a,
getOrUndefined: constant_a,
or: self,
orThunk: self,
map: function (f) {
return some(f(a));
},
each: function (f) {
f(a);
},
bind: bind,
exists: bind,
forall: bind,
filter: function (f) {
return f(a) ? me : NONE;
},
toArray: function () {
return [a];
},
toString: function () {
return 'some(' + a + ')';
}
};
return me;
};
var from = function (value) {
return value === null || value === undefined ? NONE : some(value);
};
var Optional = {
some: some,
none: none,
from: from
};
var map = function (xs, f) {
var len = xs.length;
var r = new Array(len);
for (var i = 0; i < len; i++) {
var x = xs[i];
r[i] = f(x, i);
}
return r;
};
var each$1 = function (xs, f) {
for (var i = 0, len = xs.length; i < len; i++) {
var x = xs[i];
f(x, i);
}
};
var filter = function (xs, pred) {
var r = [];
for (var i = 0, len = xs.length; i < len; i++) {
var x = xs[i];
if (pred(x, i)) {
r.push(x);
}
}
return r;
};
var keys = Object.keys;
var each = function (obj, f) {
var props = keys(obj);
for (var k = 0, len = props.length; k < len; k++) {
var i = props[k];
var x = obj[i];
f(x, i);
}
};
typeof window !== 'undefined' ? window : Function('return this;')();
var TEXT = 3;
var type = function (element) {
return element.dom.nodeType;
};
var value = function (element) {
return element.dom.nodeValue;
};
var isType = function (t) {
return function (element) {
return type(element) === t;
};
};
var isText = isType(TEXT);
var rawSet = function (dom, key, value) {
if (isString(value) || isBoolean(value) || isNumber(value)) {
dom.setAttribute(key, value + '');
} else {
console.error('Invalid call to Attribute.set. Key ', key, ':: Value ', value, ':: Element ', dom);
throw new Error('Attribute value was not simple');
}
};
var set = function (element, key, value) {
rawSet(element.dom, key, value);
};
var get$1 = function (element, key) {
var v = element.dom.getAttribute(key);
return v === null ? undefined : v;
};
var remove$3 = function (element, key) {
element.dom.removeAttribute(key);
};
var read = function (element, attr) {
var value = get$1(element, attr);
return value === undefined || value === '' ? [] : value.split(' ');
};
var add$2 = function (element, attr, id) {
var old = read(element, attr);
var nu = old.concat([id]);
set(element, attr, nu.join(' '));
return true;
};
var remove$2 = function (element, attr, id) {
var nu = filter(read(element, attr), function (v) {
return v !== id;
});
if (nu.length > 0) {
set(element, attr, nu.join(' '));
} else {
remove$3(element, attr);
}
return false;
};
var supports = function (element) {
return element.dom.classList !== undefined;
};
var get = function (element) {
return read(element, 'class');
};
var add$1 = function (element, clazz) {
return add$2(element, 'class', clazz);
};
var remove$1 = function (element, clazz) {
return remove$2(element, 'class', clazz);
};
var add = function (element, clazz) {
if (supports(element)) {
element.dom.classList.add(clazz);
} else {
add$1(element, clazz);
}
};
var cleanClass = function (element) {
var classList = supports(element) ? element.dom.classList : get(element);
if (classList.length === 0) {
remove$3(element, 'class');
}
};
var remove = function (element, clazz) {
if (supports(element)) {
var classList = element.dom.classList;
classList.remove(clazz);
} else {
remove$1(element, clazz);
}
cleanClass(element);
};
var fromHtml = function (html, scope) {
var doc = scope || document;
var div = doc.createElement('div');
div.innerHTML = html;
if (!div.hasChildNodes() || div.childNodes.length > 1) {
console.error('HTML does not have a single root node', html);
throw new Error('HTML must have a single root node');
}
return fromDom(div.childNodes[0]);
};
var fromTag = function (tag, scope) {
var doc = scope || document;
var node = doc.createElement(tag);
return fromDom(node);
};
var fromText = function (text, scope) {
var doc = scope || document;
var node = doc.createTextNode(text);
return fromDom(node);
};
var fromDom = function (node) {
if (node === null || node === undefined) {
throw new Error('Node cannot be null or undefined');
}
return { dom: node };
};
var fromPoint = function (docElm, x, y) {
return Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom);
};
var SugarElement = {
fromHtml: fromHtml,
fromTag: fromTag,
fromText: fromText,
fromDom: fromDom,
fromPoint: fromPoint
};
var charMap = {
'\xA0': 'nbsp',
'\xAD': 'shy'
};
var charMapToRegExp = function (charMap, global) {
var regExp = '';
each(charMap, function (_value, key) {
regExp += key;
});
return new RegExp('[' + regExp + ']', global ? 'g' : '');
};
var charMapToSelector = function (charMap) {
var selector = '';
each(charMap, function (value) {
if (selector) {
selector += ',';
}
selector += 'span.mce-' + value;
});
return selector;
};
var regExp = charMapToRegExp(charMap);
var regExpGlobal = charMapToRegExp(charMap, true);
var selector = charMapToSelector(charMap);
var nbspClass = 'mce-nbsp';
var wrapCharWithSpan = function (value) {
return '<span data-mce-bogus="1" class="mce-' + charMap[value] + '">' + value + '</span>';
};
var isMatch = function (n) {
var value$1 = value(n);
return isText(n) && value$1 !== undefined && regExp.test(value$1);
};
var filterDescendants = function (scope, predicate) {
var result = [];
var dom = scope.dom;
var children = map(dom.childNodes, SugarElement.fromDom);
each$1(children, function (x) {
if (predicate(x)) {
result = result.concat([x]);
}
result = result.concat(filterDescendants(x, predicate));
});
return result;
};
var findParentElm = function (elm, rootElm) {
while (elm.parentNode) {
if (elm.parentNode === rootElm) {
return elm;
}
elm = elm.parentNode;
}
};
var replaceWithSpans = function (text) {
return text.replace(regExpGlobal, wrapCharWithSpan);
};
var isWrappedNbsp = function (node) {
return node.nodeName.toLowerCase() === 'span' && node.classList.contains('mce-nbsp-wrap');
};
var show = function (editor, rootElm) {
var nodeList = filterDescendants(SugarElement.fromDom(rootElm), isMatch);
each$1(nodeList, function (n) {
var parent = n.dom.parentNode;
if (isWrappedNbsp(parent)) {
add(SugarElement.fromDom(parent), nbspClass);
} else {
var withSpans = replaceWithSpans(editor.dom.encode(value(n)));
var div = editor.dom.create('div', null, withSpans);
var node = void 0;
while (node = div.lastChild) {
editor.dom.insertAfter(node, n.dom);
}
editor.dom.remove(n.dom);
}
});
};
var hide = function (editor, rootElm) {
var nodeList = editor.dom.select(selector, rootElm);
each$1(nodeList, function (node) {
if (isWrappedNbsp(node)) {
remove(SugarElement.fromDom(node), nbspClass);
} else {
editor.dom.remove(node, true);
}
});
};
var toggle = function (editor) {
var body = editor.getBody();
var bookmark = editor.selection.getBookmark();
var parentNode = findParentElm(editor.selection.getNode(), body);
parentNode = parentNode !== undefined ? parentNode : body;
hide(editor, parentNode);
show(editor, parentNode);
editor.selection.moveToBookmark(bookmark);
};
var applyVisualChars = function (editor, toggleState) {
fireVisualChars(editor, toggleState.get());
var body = editor.getBody();
if (toggleState.get() === true) {
show(editor, body);
} else {
hide(editor, body);
}
};
var toggleVisualChars = function (editor, toggleState) {
toggleState.set(!toggleState.get());
var bookmark = editor.selection.getBookmark();
applyVisualChars(editor, toggleState);
editor.selection.moveToBookmark(bookmark);
};
var register$1 = function (editor, toggleState) {
editor.addCommand('mceVisualChars', function () {
toggleVisualChars(editor, toggleState);
});
};
var isEnabledByDefault = function (editor) {
return editor.getParam('visualchars_default_state', false);
};
var hasForcedRootBlock = function (editor) {
return editor.getParam('forced_root_block') !== false;
};
var setup$1 = function (editor, toggleState) {
editor.on('init', function () {
applyVisualChars(editor, toggleState);
});
};
var global = tinymce.util.Tools.resolve('tinymce.util.Delay');
var setup = function (editor, toggleState) {
var debouncedToggle = global.debounce(function () {
toggle(editor);
}, 300);
if (hasForcedRootBlock(editor)) {
editor.on('keydown', function (e) {
if (toggleState.get() === true) {
e.keyCode === 13 ? toggle(editor) : debouncedToggle();
}
});
}
editor.on('remove', debouncedToggle.stop);
};
var toggleActiveState = function (editor, enabledStated) {
return function (api) {
api.setActive(enabledStated.get());
var editorEventCallback = function (e) {
return api.setActive(e.state);
};
editor.on('VisualChars', editorEventCallback);
return function () {
return editor.off('VisualChars', editorEventCallback);
};
};
};
var register = function (editor, toggleState) {
var onAction = function () {
return editor.execCommand('mceVisualChars');
};
editor.ui.registry.addToggleButton('visualchars', {
tooltip: 'Show invisible characters',
icon: 'visualchars',
onAction: onAction,
onSetup: toggleActiveState(editor, toggleState)
});
editor.ui.registry.addToggleMenuItem('visualchars', {
text: 'Show invisible characters',
icon: 'visualchars',
onAction: onAction,
onSetup: toggleActiveState(editor, toggleState)
});
};
function Plugin () {
global$1.add('visualchars', function (editor) {
var toggleState = Cell(isEnabledByDefault(editor));
register$1(editor, toggleState);
register(editor, toggleState);
setup(editor, toggleState);
setup$1(editor, toggleState);
return get$2(toggleState);
});
}
Plugin();
}());