/** * TinyMCE version 6.4.1 (2023-03-29) */ (function () { 'use strict'; const Cell = initial => { let value = initial; const get = () => { return value; }; const set = v => { value = v; }; return { get, set }; }; var global = tinymce.util.Tools.resolve('tinymce.PluginManager'); const get$2 = toggleState => { const isEnabled = () => { return toggleState.get(); }; return { isEnabled }; }; const fireVisualChars = (editor, state) => { return editor.dispatch('VisualChars', { state }); }; const hasProto = (v, constructor, predicate) => { var _a; if (predicate(v, constructor.prototype)) { return true; } else { return ((_a = v.constructor) === null || _a === void 0 ? void 0 : _a.name) === constructor.name; } }; const typeOf = x => { const t = typeof x; if (x === null) { return 'null'; } else if (t === 'object' && Array.isArray(x)) { return 'array'; } else if (t === 'object' && hasProto(x, String, (o, proto) => proto.isPrototypeOf(o))) { return 'string'; } else { return t; } }; const isType$1 = type => value => typeOf(value) === type; const isSimpleType = type => value => typeof value === type; const eq = t => a => t === a; const isString = isType$1('string'); const isObject = isType$1('object'); const isNull = eq(null); const isBoolean = isSimpleType('boolean'); const isNullable = a => a === null || a === undefined; const isNonNullable = a => !isNullable(a); const isNumber = isSimpleType('number'); class Optional { constructor(tag, value) { this.tag = tag; this.value = value; } static some(value) { return new Optional(true, value); } static none() { return Optional.singletonNone; } fold(onNone, onSome) { if (this.tag) { return onSome(this.value); } else { return onNone(); } } isSome() { return this.tag; } isNone() { return !this.tag; } map(mapper) { if (this.tag) { return Optional.some(mapper(this.value)); } else { return Optional.none(); } } bind(binder) { if (this.tag) { return binder(this.value); } else { return Optional.none(); } } exists(predicate) { return this.tag && predicate(this.value); } forall(predicate) { return !this.tag || predicate(this.value); } filter(predicate) { if (!this.tag || predicate(this.value)) { return this; } else { return Optional.none(); } } getOr(replacement) { return this.tag ? this.value : replacement; } or(replacement) { return this.tag ? this : replacement; } getOrThunk(thunk) { return this.tag ? this.value : thunk(); } orThunk(thunk) { return this.tag ? this : thunk(); } getOrDie(message) { if (!this.tag) { throw new Error(message !== null && message !== void 0 ? message : 'Called getOrDie on None'); } else { return this.value; } } static from(value) { return isNonNullable(value) ? Optional.some(value) : Optional.none(); } getOrNull() { return this.tag ? this.value : null; } getOrUndefined() { return this.value; } each(worker) { if (this.tag) { worker(this.value); } } toArray() { return this.tag ? [this.value] : []; } toString() { return this.tag ? `some(${ this.value })` : 'none()'; } } Optional.singletonNone = new Optional(false); const map = (xs, f) => { const len = xs.length; const r = new Array(len); for (let i = 0; i < len; i++) { const x = xs[i]; r[i] = f(x, i); } return r; }; const each$1 = (xs, f) => { for (let i = 0, len = xs.length; i < len; i++) { const x = xs[i]; f(x, i); } }; const filter = (xs, pred) => { const r = []; for (let i = 0, len = xs.length; i < len; i++) { const x = xs[i]; if (pred(x, i)) { r.push(x); } } return r; }; const keys = Object.keys; const each = (obj, f) => { const props = keys(obj); for (let k = 0, len = props.length; k < len; k++) { const i = props[k]; const x = obj[i]; f(x, i); } }; const Global = typeof window !== 'undefined' ? window : Function('return this;')(); const path = (parts, scope) => { let o = scope !== undefined && scope !== null ? scope : Global; for (let i = 0; i < parts.length && o !== undefined && o !== null; ++i) { o = o[parts[i]]; } return o; }; const resolve = (p, scope) => { const parts = p.split('.'); return path(parts, scope); }; const unsafe = (name, scope) => { return resolve(name, scope); }; const getOrDie = (name, scope) => { const actual = unsafe(name, scope); if (actual === undefined || actual === null) { throw new Error(name + ' not available on this browser'); } return actual; }; const getPrototypeOf = Object.getPrototypeOf; const sandHTMLElement = scope => { return getOrDie('HTMLElement', scope); }; const isPrototypeOf = x => { const scope = resolve('ownerDocument.defaultView', x); return isObject(x) && (sandHTMLElement(scope).prototype.isPrototypeOf(x) || /^HTML\w*Element$/.test(getPrototypeOf(x).constructor.name)); }; const ELEMENT = 1; const TEXT = 3; const type = element => element.dom.nodeType; const value = element => element.dom.nodeValue; const isType = t => element => type(element) === t; const isHTMLElement = element => isElement(element) && isPrototypeOf(element.dom); const isElement = isType(ELEMENT); const isText = isType(TEXT); const rawSet = (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'); } }; const set = (element, key, value) => { rawSet(element.dom, key, value); }; const get$1 = (element, key) => { const v = element.dom.getAttribute(key); return v === null ? undefined : v; }; const remove$3 = (element, key) => { element.dom.removeAttribute(key); }; const read = (element, attr) => { const value = get$1(element, attr); return value === undefined || value === '' ? [] : value.split(' '); }; const add$2 = (element, attr, id) => { const old = read(element, attr); const nu = old.concat([id]); set(element, attr, nu.join(' ')); return true; }; const remove$2 = (element, attr, id) => { const nu = filter(read(element, attr), v => v !== id); if (nu.length > 0) { set(element, attr, nu.join(' ')); } else { remove$3(element, attr); } return false; }; const supports = element => element.dom.classList !== undefined; const get = element => read(element, 'class'); const add$1 = (element, clazz) => add$2(element, 'class', clazz); const remove$1 = (element, clazz) => remove$2(element, 'class', clazz); const add = (element, clazz) => { if (supports(element)) { element.dom.classList.add(clazz); } else { add$1(element, clazz); } }; const cleanClass = element => { const classList = supports(element) ? element.dom.classList : get(element); if (classList.length === 0) { remove$3(element, 'class'); } }; const remove = (element, clazz) => { if (supports(element)) { const classList = element.dom.classList; classList.remove(clazz); } else { remove$1(element, clazz); } cleanClass(element); }; const fromHtml = (html, scope) => { const doc = scope || document; const div = doc.createElement('div'); div.innerHTML = html; if (!div.hasChildNodes() || div.childNodes.length > 1) { const message = 'HTML does not have a single root node'; console.error(message, html); throw new Error(message); } return fromDom(div.childNodes[0]); }; const fromTag = (tag, scope) => { const doc = scope || document; const node = doc.createElement(tag); return fromDom(node); }; const fromText = (text, scope) => { const doc = scope || document; const node = doc.createTextNode(text); return fromDom(node); }; const fromDom = node => { if (node === null || node === undefined) { throw new Error('Node cannot be null or undefined'); } return { dom: node }; }; const fromPoint = (docElm, x, y) => Optional.from(docElm.dom.elementFromPoint(x, y)).map(fromDom); const SugarElement = { fromHtml, fromTag, fromText, fromDom, fromPoint }; const charMap = { '\xA0': 'nbsp', '\xAD': 'shy' }; const charMapToRegExp = (charMap, global) => { let regExp = ''; each(charMap, (_value, key) => { regExp += key; }); return new RegExp('[' + regExp + ']', global ? 'g' : ''); }; const charMapToSelector = charMap => { let selector = ''; each(charMap, value => { if (selector) { selector += ','; } selector += 'span.mce-' + value; }); return selector; }; const regExp = charMapToRegExp(charMap); const regExpGlobal = charMapToRegExp(charMap, true); const selector = charMapToSelector(charMap); const nbspClass = 'mce-nbsp'; const getRaw = element => element.dom.contentEditable; const wrapCharWithSpan = value => '' + value + ''; const isWrappedNbsp = node => node.nodeName.toLowerCase() === 'span' && node.classList.contains('mce-nbsp-wrap'); const isMatch = n => { const value$1 = value(n); return isText(n) && isString(value$1) && regExp.test(value$1); }; const isContentEditableFalse = node => isHTMLElement(node) && getRaw(node) === 'false'; const isChildEditable = (node, currentState) => { if (isHTMLElement(node) && !isWrappedNbsp(node.dom)) { const value = getRaw(node); if (value === 'true') { return true; } else if (value === 'false') { return false; } } return currentState; }; const filterEditableDescendants = (scope, predicate, editable) => { let result = []; const dom = scope.dom; const children = map(dom.childNodes, SugarElement.fromDom); const isEditable = node => isWrappedNbsp(node.dom) || !isContentEditableFalse(node); each$1(children, x => { if (editable && isEditable(x) && predicate(x)) { result = result.concat([x]); } result = result.concat(filterEditableDescendants(x, predicate, isChildEditable(x, editable))); }); return result; }; const findParentElm = (elm, rootElm) => { while (elm.parentNode) { if (elm.parentNode === rootElm) { return rootElm; } elm = elm.parentNode; } return undefined; }; const replaceWithSpans = text => text.replace(regExpGlobal, wrapCharWithSpan); const show = (editor, rootElm) => { const dom = editor.dom; const nodeList = filterEditableDescendants(SugarElement.fromDom(rootElm), isMatch, editor.dom.isEditable(rootElm)); each$1(nodeList, n => { var _a; const parent = n.dom.parentNode; if (isWrappedNbsp(parent)) { add(SugarElement.fromDom(parent), nbspClass); } else { const withSpans = replaceWithSpans(dom.encode((_a = value(n)) !== null && _a !== void 0 ? _a : '')); const div = dom.create('div', {}, withSpans); let node; while (node = div.lastChild) { dom.insertAfter(node, n.dom); } editor.dom.remove(n.dom); } }); }; const hide = (editor, rootElm) => { const nodeList = editor.dom.select(selector, rootElm); each$1(nodeList, node => { if (isWrappedNbsp(node)) { remove(SugarElement.fromDom(node), nbspClass); } else { editor.dom.remove(node, true); } }); }; const toggle = editor => { const body = editor.getBody(); const bookmark = editor.selection.getBookmark(); let parentNode = findParentElm(editor.selection.getNode(), body); parentNode = parentNode !== undefined ? parentNode : body; hide(editor, parentNode); show(editor, parentNode); editor.selection.moveToBookmark(bookmark); }; const applyVisualChars = (editor, toggleState) => { fireVisualChars(editor, toggleState.get()); const body = editor.getBody(); if (toggleState.get() === true) { show(editor, body); } else { hide(editor, body); } }; const toggleVisualChars = (editor, toggleState) => { toggleState.set(!toggleState.get()); const bookmark = editor.selection.getBookmark(); applyVisualChars(editor, toggleState); editor.selection.moveToBookmark(bookmark); }; const register$2 = (editor, toggleState) => { editor.addCommand('mceVisualChars', () => { toggleVisualChars(editor, toggleState); }); }; const option = name => editor => editor.options.get(name); const register$1 = editor => { const registerOption = editor.options.register; registerOption('visualchars_default_state', { processor: 'boolean', default: false }); }; const isEnabledByDefault = option('visualchars_default_state'); const setup$1 = (editor, toggleState) => { editor.on('init', () => { applyVisualChars(editor, toggleState); }); }; const first = (fn, rate) => { let timer = null; const cancel = () => { if (!isNull(timer)) { clearTimeout(timer); timer = null; } }; const throttle = (...args) => { if (isNull(timer)) { timer = setTimeout(() => { timer = null; fn.apply(null, args); }, rate); } }; return { cancel, throttle }; }; const setup = (editor, toggleState) => { const debouncedToggle = first(() => { toggle(editor); }, 300); editor.on('keydown', e => { if (toggleState.get() === true) { e.keyCode === 13 ? toggle(editor) : debouncedToggle.throttle(); } }); editor.on('remove', debouncedToggle.cancel); }; const toggleActiveState = (editor, enabledStated) => api => { api.setActive(enabledStated.get()); const editorEventCallback = e => api.setActive(e.state); editor.on('VisualChars', editorEventCallback); return () => editor.off('VisualChars', editorEventCallback); }; const register = (editor, toggleState) => { const onAction = () => editor.execCommand('mceVisualChars'); editor.ui.registry.addToggleButton('visualchars', { tooltip: 'Show invisible characters', icon: 'visualchars', onAction, onSetup: toggleActiveState(editor, toggleState) }); editor.ui.registry.addToggleMenuItem('visualchars', { text: 'Show invisible characters', icon: 'visualchars', onAction, onSetup: toggleActiveState(editor, toggleState) }); }; var Plugin = () => { global.add('visualchars', editor => { register$1(editor); const toggleState = Cell(isEnabledByDefault(editor)); register$2(editor, toggleState); register(editor, toggleState); setup(editor, toggleState); setup$1(editor, toggleState); return get$2(toggleState); }); }; Plugin(); })();