OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 ApplyFormat.ts	11.18 KB	02/20/2020 05:43:19 AM	rw-r--r--
📄 CaretFormat.ts	10.27 KB	02/20/2020 05:43:19 AM	rw-r--r--
📄 DefaultFormats.ts	5.17 KB	02/20/2020 05:43:20 AM	rw-r--r--
📄 ExpandRange.ts	12.32 KB	02/20/2020 05:43:21 AM	rw-r--r--
📄 FontInfo.ts	2.1 KB	02/20/2020 05:43:21 AM	rw-r--r--
📄 FormatChanged.ts	4.52 KB	02/20/2020 05:43:22 AM	rw-r--r--
📄 FormatContainer.ts	706 bytes	02/20/2020 05:43:22 AM	rw-r--r--
📄 FormatRegistry.ts	2.7 KB	02/20/2020 05:43:23 AM	rw-r--r--
📄 FormatUtils.ts	4.83 KB	02/20/2020 05:43:23 AM	rw-r--r--
📄 Hooks.ts	1.56 KB	02/20/2020 05:43:24 AM	rw-r--r--
📄 MatchFormat.ts	5.54 KB	02/20/2020 05:43:24 AM	rw-r--r--
📄 MergeFormats.ts	6.75 KB	02/20/2020 05:43:25 AM	rw-r--r--
📄 Preview.ts	8.79 KB	02/20/2020 05:43:26 AM	rw-r--r--
📄 RemoveFormat.ts	18.89 KB	02/20/2020 05:43:26 AM	rw-r--r--
📄 ToggleFormat.ts	842 bytes	02/20/2020 05:43:27 AM	rw-r--r--

Editing: MergeFormats.ts

/**
 * 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/
 */

import { Fun } from '@ephox/katamari';
import Bookmarks from '../bookmark/Bookmarks';
import ElementUtils from '../api/dom/ElementUtils';
import NodeType from '../dom/NodeType';
import FormatUtils from './FormatUtils';
import MatchFormat from './MatchFormat';
import RemoveFormat from './RemoveFormat';
import Tools from '../api/util/Tools';
import { isCaretNode } from '../fmt/FormatContainer';
import Editor from '../api/Editor';

const each = Tools.each;

const isElementNode = function (node) {
  return node && node.nodeType === 1 && !Bookmarks.isBookmarkNode(node) && !isCaretNode(node) && !NodeType.isBogus(node);
};

const findElementSibling = function (node, siblingName) {
  let sibling;

for (sibling = node; sibling; sibling = sibling[siblingName]) {
    if (sibling.nodeType === 3 && sibling.nodeValue.length !== 0) {
      return node;
    }

if (sibling.nodeType === 1 && !Bookmarks.isBookmarkNode(sibling)) {
      return sibling;
    }
  }

return node;
};

const mergeSiblingsNodes = function (dom, prev, next) {
  let sibling, tmpSibling;
  const elementUtils = new ElementUtils(dom);

// Check if next/prev exists and that they are elements
  if (prev && next) {
    // If previous sibling is empty then jump over it
    prev = findElementSibling(prev, 'previousSibling');
    next = findElementSibling(next, 'nextSibling');

// Compare next and previous nodes
    if (elementUtils.compare(prev, next)) {
      // Append nodes between
      for (sibling = prev.nextSibling; sibling && sibling !== next;) {
        tmpSibling = sibling;
        sibling = sibling.nextSibling;
        prev.appendChild(tmpSibling);
      }

dom.remove(next);

Tools.each(Tools.grep(next.childNodes), function (node) {
        prev.appendChild(node);
      });

return prev;
    }
  }

return next;
};

const hasStyle = function (dom, name) {
  return Fun.curry(function (name, node) {
    return !!(node && FormatUtils.getStyle(dom, node, name));
  }, name);
};

const applyStyle = function (dom, name, value) {
  return Fun.curry(function (name, value, node) {
    dom.setStyle(node, name, value);

if (node.getAttribute('style') === '') {
      node.removeAttribute('style');
    }

unwrapEmptySpan(dom, node);
  }, name, value);
};

const unwrapEmptySpan = function (dom, node) {
  if (node.nodeName === 'SPAN' && dom.getAttribs(node).length === 0) {
    dom.remove(node, true);
  }
};

const mergeUnderlineAndColor = function (dom, format, vars, node) {
  // Colored nodes should be underlined so that the color of the underline matches the text color.
  if (format.styles.color || format.styles.textDecoration) {
    Tools.walk(node, Fun.curry(processUnderlineAndColor, dom), 'childNodes');
    processUnderlineAndColor(dom, node);
  }
};

const mergeBackgroundColorAndFontSize = function (dom, format, vars, node) {
  // nodes with font-size should have their own background color as well to fit the line-height (see TINY-882)
  if (format.styles && format.styles.backgroundColor) {
    processChildElements(node,
      hasStyle(dom, 'fontSize'),
      applyStyle(dom, 'backgroundColor', FormatUtils.replaceVars(format.styles.backgroundColor, vars))
    );
  }
};

const mergeSubSup = function (dom, format, vars, node) {
  // Remove font size on all chilren of a sub/sup and remove the inverse element
  if (format.inline === 'sub' || format.inline === 'sup') {
    processChildElements(node,
      hasStyle(dom, 'fontSize'),
      applyStyle(dom, 'fontSize', '')
    );

dom.remove(dom.select(format.inline === 'sup' ? 'sub' : 'sup', node), true);
  }
};

const mergeSiblings = function (dom, format, vars, node) {
 // Merge next and previous siblings if they are similar texttext becomes texttext
 if (node && format.merge_siblings !== false) {
 node = mergeSiblingsNodes(dom, FormatUtils.getNonWhiteSpaceSibling(node), node);
 node = mergeSiblingsNodes(dom, node, FormatUtils.getNonWhiteSpaceSibling(node, true));
 }
};

const mergeWithChildren = function (editor: Editor, formatList, vars, node) {
 // Remove/merge children
 each(formatList, function (format) {
 // Merge all children of similar type will move styles from child to parent
 // this: text
 // will become: text
 each(editor.dom.select(format.inline, node), function (child) {
 if (!isElementNode(child)) {
 return;
 }

RemoveFormat.removeFormat(editor, format, vars, child, format.exact ? child : null);
    });

clearChildStyles(editor.dom, format, node);
  });
};

const mergeWithParents = function (editor: Editor, format, name, vars, node) {
  // Remove format if direct parent already has the same format
  if (MatchFormat.matchNode(editor, node.parentNode, name, vars)) {
    if (RemoveFormat.removeFormat(editor, format, vars, node)) {
      return;
    }
  }

// Remove format if any ancestor already has the same format
  if (format.merge_with_parents) {
    editor.dom.getParent(node.parentNode, function (parent) {
      if (MatchFormat.matchNode(editor, parent, name, vars)) {
        RemoveFormat.removeFormat(editor, format, vars, node);
        return true;
      }
    });
  }
};

export default {
  mergeWithChildren,
  mergeUnderlineAndColor,
  mergeBackgroundColorAndFontSize,
  mergeSubSup,
  mergeSiblings,
  mergeWithParents
};