OXIESEC PANEL

Name	Size	Modified	Perms
📁 ..	-	02/20/2020 05:44:43 AM	rwxr-xr-x
📄 BlockBoundary.ts	1.53 KB	02/20/2020 05:42:20 AM	rw-r--r--
📄 CaretBr.ts	1.47 KB	02/20/2020 05:42:20 AM	rw-r--r--
📄 CaretCandidate.ts	2.68 KB	02/20/2020 05:42:21 AM	rw-r--r--
📄 CaretContainer.ts	5.4 KB	02/20/2020 05:42:21 AM	rw-r--r--
📄 CaretContainerInline.ts	2.23 KB	02/20/2020 05:42:22 AM	rw-r--r--
📄 CaretContainerInput.ts	1.87 KB	02/20/2020 05:42:22 AM	rw-r--r--
📄 CaretContainerRemove.ts	3.3 KB	02/20/2020 05:42:23 AM	rw-r--r--
📄 CaretFinder.ts	4.09 KB	02/20/2020 05:42:25 AM	rw-r--r--
📄 CaretPosition.ts	13.27 KB	02/20/2020 05:42:26 AM	rw-r--r--
📄 CaretPositionPredicates.ts	2.24 KB	02/20/2020 05:42:27 AM	rw-r--r--
📄 CaretUtils.ts	8.54 KB	02/20/2020 05:42:27 AM	rw-r--r--
📄 CaretWalker.ts	7.67 KB	02/20/2020 05:42:28 AM	rw-r--r--
📄 FakeCaret.ts	6.26 KB	02/20/2020 05:42:28 AM	rw-r--r--
📄 InsertText.ts	1.32 KB	02/20/2020 05:42:29 AM	rw-r--r--
📄 LineReader.ts	5.88 KB	02/20/2020 05:42:29 AM	rw-r--r--
📄 LineUtils.ts	4.11 KB	02/20/2020 05:42:30 AM	rw-r--r--
📄 LineWalker.ts	4.56 KB	02/20/2020 05:42:30 AM	rw-r--r--
📄 TableCells.ts	3.58 KB	02/20/2020 05:42:31 AM	rw-r--r--

Editing: CaretContainerInput.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 { HTMLElement, Event } from '@ephox/dom-globals';
import { Fun } from '@ephox/katamari';
import { Element, SelectorFind } from '@ephox/sugar';
import * as CaretContainer from './CaretContainer';
import Editor from '../api/Editor';

/**
 * This module shows the invisible block that the caret is currently in when contents is added to that block.
 */

const findBlockCaretContainer = function (editor: Editor) {
  return SelectorFind.descendant(Element.fromDom(editor.getBody()), '*[data-mce-caret]').fold(Fun.constant(null), function (elm) {
    return elm.dom();
  });
};

const removeIeControlRect = function (editor: Editor) {
  editor.selection.setRng(editor.selection.getRng());
};

const showBlockCaretContainer = function (editor: Editor, blockCaretContainer: HTMLElement) {
  if (blockCaretContainer.hasAttribute('data-mce-caret')) {
    CaretContainer.showCaretContainerBlock(blockCaretContainer);
    removeIeControlRect(editor);
    editor.selection.scrollIntoView(blockCaretContainer);
  }
};

const handleBlockContainer = function (editor: Editor, e: Event) {
  const blockCaretContainer = findBlockCaretContainer(editor);

if (!blockCaretContainer) {
    return;
  }

if (e.type === 'compositionstart') {
    e.preventDefault();
    e.stopPropagation();
    showBlockCaretContainer(editor, blockCaretContainer);
    return;
  }

if (CaretContainer.hasContent(blockCaretContainer)) {
    showBlockCaretContainer(editor, blockCaretContainer);
    editor.undoManager.add();
  }
};

const setup = function (editor: Editor) {
  editor.on('keyup compositionstart', Fun.curry(handleBlockContainer, editor));
};

export default {
  setup
};